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--"
} }

30
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,27 +739,31 @@
} }
} }
.claim__menu-button { .menu__button {
&.claim__menu-button {
position: absolute; position: absolute;
top: var(--spacing-xs); top: var(--spacing-xs);
right: var(--spacing-xs); right: var(--spacing-xs);
}
&.claim__menu-button--inline {
position: relative;
@extend .button--alt;
width: var(--height-button);
padding: 0;
border-radius: var(--border-radius);
}
}
@media (min-width: $breakpoint-small) { @media (min-width: $breakpoint-small) {
&:not(:focus):not([aria-expanded='true']) { .claim-preview--tile:not(:hover),
.claim-preview__wrapper:not(:hover) {
.claim__menu-button:not(:focus):not([aria-expanded='true']) {
opacity: 0; opacity: 0;
} }
} }
} }
.claim__menu-button--inline {
position: relative;
display: block;
right: auto;
top: auto;
@extend .button--alt;
padding: 0 var(--spacing-xxs);
}
.claim-preview__overlay-properties { .claim-preview__overlay-properties {
display: flex; display: flex;
position: relative; position: relative;