cha0s/reddichat-flat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: opaque channel buttons for mobile

Browse Source
This commit is contained in:
cha0s 2020-07-25 09:59:48 -05:00
parent 1ef834db51
commit 901693ef16
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/client/channel.scss
View File

@ -1,3 +1,4 @@
@import '~/client/scss/breakpoints.scss';
@import '~/client/scss/colors.scss'; @import '~/client/scss/colors.scss';
.channel__item { .channel__item {
@ -63,13 +64,15 @@
background-color: transparent; background-color: transparent;
border: 0; border: 0;
color: inherit; color: inherit;
opacity: 0.2;
padding: 0.5em; padding: 0.5em;
.channel:hover & { @include breakpoint(desktop) {
opacity: 0.5; opacity: 0.2;
} .channel:hover & {
.channel:hover &:hover { opacity: 0.5;
background-color: rgba(255, 255, 255, 0.1); }
opacity: 1; .channel:hover &:hover {
background-color: rgba(255, 255, 255, 0.1);
opacity: 1;
}
} }
} }