LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-08-23 17:47:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

more css fixes for menu button styles

Browse source
This commit is contained in:
btzr-io 2021-07-15 12:13:31 -05:00
parent d0e865b9ec
commit 9426f6af72
2 changed files with 25 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/app-strings.json
View file

@ -2056,5 +2056,9 @@
"Trending for #Art": "Trending for #Art", "Trending for #Art": "Trending for #Art",
"Trending for #Education": "Trending for #Education", "Trending for #Education": "Trending for #Education",
"Trending for #Technology": "Trending for #Technology", "Trending for #Technology": "Trending for #Technology",
"Watch content and earn more Credits for each level unlocked! 10 views required for level 1 (Current Score: 0). Only up to 10 views per day count.": "Watch content and earn more Credits for each level unlocked! 10 views required for level 1 (Current Score: 0). Only up to 10 views per day count.",
"Follow your favorite creators and earn more Credits for each level unlocked! Follow 1 creators for level 1 (Current Score: 0).": "Follow your favorite creators and earn more Credits for each level unlocked! Follow 1 creators for level 1 (Current Score: 0).",
"Gain a following to earn this reward. 1 validated followers needed for level 1 (Current Score: 0). This amount may not match your total followers.": "Gain a following to earn this reward. 1 validated followers needed for level 1 (Current Score: 0). This amount may not match your total followers.",
"In Favorites": "In Favorites",
"--end--": "--end--" "--end--": "--end--"
} }

38
ui/scss/component/_claim-list.scss
View file

@ -79,7 +79,7 @@
&:hover { &:hover {
.claim__menu-button { .claim__menu-button {
opacity: 1 !important; opacity: 1;
} }
} }
} }
@ -471,7 +471,7 @@
cursor: pointer; cursor: pointer;
.claim__menu-button { .claim__menu-button {
opacity: 1 !important; opacity: 1;
} }
.collection-preview__overlay-thumbs { .collection-preview__overlay-thumbs {
opacity: 1; opacity: 1;
@ -739,25 +739,29 @@
} }
} }
.claim__menu-button { .menu__button {
position: absolute; &.claim__menu-button {
top: var(--spacing-xs); position: absolute;
right: var(--spacing-xs); top: var(--spacing-xs);
right: var(--spacing-xs);
}
@media (min-width: $breakpoint-small) { &.claim__menu-button--inline {
&:not(:focus):not([aria-expanded='true']) { position: relative;
opacity: 0; @extend .button--alt;
} width: var(--height-button);
padding: 0;
border-radius: var(--border-radius);
} }
} }
.claim__menu-button--inline { @media (min-width: $breakpoint-small) {
position: relative; .claim-preview--tile:not(:hover),
display: block; .claim-preview__wrapper:not(:hover) {
right: auto; .claim__menu-button:not(:focus):not([aria-expanded='true']) {
top: auto; opacity: 0;
@extend .button--alt; }
padding: 0 var(--spacing-xxs); }
} }
.claim-preview__overlay-properties { .claim-preview__overlay-properties {