Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: improve navigation buttons contrast

Browse source
This commit is contained in:
IEduStu 2024-04-20 01:10:51 +00:00 committed by Timothy Z
parent 89b6526555
commit 9bbc448e41
2 changed files with 24 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/NavBar/HorizontalNavBar/styles.less
View file

@ -69,7 +69,7 @@
width: 3.5rem;
height: 3.5rem;
border-radius: 0.75rem;
opacity: 0.4;
opacity: 0.6;
.icon {
flex: none;
@ -79,7 +79,7 @@
opacity: 0.6;
}
&:hover, &:global(.active) {
.active() {
background-color: var(--overlay-color);
opacity: 1;
@ -88,6 +88,16 @@
opacity: 0.8;
}
}
&:global(.active) {
.active();
}
@media (pointer: fine) {
&:hover {
.active();
}
}
}
}

15
src/components/NavBar/VerticalNavBar/NavTabButton/styles.less
View file

@ -18,12 +18,21 @@
.label {
opacity: 0.6;
}
&:global(.selected) {
.label {
opacity: 1;
}
}
}
}
&:global(.selected) {
.icon {
opacity: 1;
}
.icon, .label {
color: var(--primary-accent-color);
}
}
@ -37,7 +46,7 @@
.icon {
color: var(--primary-foreground-color);
opacity: 0.2;
opacity: 0.5;
}
.label {
@ -61,12 +70,12 @@
@media only screen and (max-width: @minimum) {
.nav-tab-button-container {
.label {
opacity: 0.2;
opacity: 0.6;
}
&:global(.selected) {
.label {
opacity: 0.6;
opacity: 1;
}
}
}