Skip to content

Commit

Permalink
Make focus and hover styles more similar
Browse files Browse the repository at this point in the history
ref #751
  • Loading branch information
frostburn committed Jun 15, 2024
1 parent 6f00414 commit 2485d43
Show file tree
Hide file tree
Showing 6 changed files with 12 additions and 0 deletions.
3 changes: 3 additions & 0 deletions src/App.vue
Original file line number Diff line number Diff line change
Expand Up @@ -582,11 +582,13 @@ nav#app-navigation ul li a {
cursor: default;
}
nav#app-navigation ul#app-tabs li a:focus,
nav#app-navigation ul#app-tabs li a:hover {
background-color: var(--color-accent-deeper);
}
nav#app-navigation ul#app-tabs li a.router-link-exact-active,
nav#app-navigation ul#app-tabs li a.router-link-exact-active:focus,
nav#app-navigation ul#app-tabs li a.router-link-exact-active:hover {
background-color: var(--color-background);
color: var(--color-text);
Expand All @@ -596,6 +598,7 @@ nav a.router-link-exact-active {
color: var(--color-text);
}
nav a.router-link-exact-active:focus,
nav a.router-link-exact-active:hover {
background-color: transparent;
}
Expand Down
2 changes: 2 additions & 0 deletions src/assets/base.css
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
--color-accent-text-btn: #703070;
--color-accent-mute: #b7b;
--color-accent-deeper: #603060;
--color-accent-deepest: #402040;
--color-accent-background: #fffeff;
--color-accent-dimmed: rgba(0, 20, 20, 0.7);

Expand Down Expand Up @@ -59,6 +60,7 @@
--color-accent-text-btn: #a848a8;
--color-accent-mute: #646;
--color-accent-deeper: #602060;
--color-accent-deepest: #401040;
--color-accent-background: #011;
--color-accent-dimmed: rgba(0, 20, 20, 0.7);

Expand Down
1 change: 1 addition & 0 deletions src/assets/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,7 @@ button,
text-decoration: none;
color: var(--color-accent-text-btn);
}
/* No button:focus styles because it looks like the button gets stuck */
button:hover,
.btn:hover {
color: white;
Expand Down
1 change: 1 addition & 0 deletions src/components/DropdownGroup.vue
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,7 @@ defineExpose({ blur })
.btn-dropdown-group a {
text-decoration: none;
}
.btn-dropdown-group a:focus li,
.btn-dropdown-group a:hover li {
color: white;
background-color: var(--color-accent);
Expand Down
3 changes: 3 additions & 0 deletions src/components/modals/modification/TakeSubset.vue
Original file line number Diff line number Diff line change
Expand Up @@ -88,4 +88,7 @@ function modify(expand = true) {
.degree.selected:hover {
background-color: var(--color-accent-deeper);
}
.degree:not(.selected):hover {
background-color: var(--color-accent-deepest);
}
</style>
2 changes: 2 additions & 0 deletions src/views/AnalysisView.vue
Original file line number Diff line number Diff line change
Expand Up @@ -605,10 +605,12 @@ nav ul li a {
text-decoration: none;
cursor: default;
}
nav ul li a:focus,
nav ul li a:hover {
background-color: var(--color-accent-mute);
}
nav ul li a.active,
nav ul li a.active:focus,
nav ul li a.active:hover {
background-color: var(--color-background);
color: var(--color-text);
Expand Down

0 comments on commit 2485d43

Please sign in to comment.