diff --git a/static/app-strings.json b/static/app-strings.json index aa5c8edb5..895b3f940 100644 --- a/static/app-strings.json +++ b/static/app-strings.json @@ -2056,5 +2056,9 @@ "Trending for #Art": "Trending for #Art", "Trending for #Education": "Trending for #Education", "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--" } diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss index a1a71ec0b..7aa8edd0f 100644 --- a/ui/scss/component/_claim-list.scss +++ b/ui/scss/component/_claim-list.scss @@ -79,7 +79,7 @@ &:hover { .claim__menu-button { - opacity: 1 !important; + opacity: 1; } } } @@ -471,7 +471,7 @@ cursor: pointer; .claim__menu-button { - opacity: 1 !important; + opacity: 1; } .collection-preview__overlay-thumbs { opacity: 1; @@ -739,25 +739,29 @@ } } -.claim__menu-button { - position: absolute; - top: var(--spacing-xs); - right: var(--spacing-xs); +.menu__button { + &.claim__menu-button { + position: absolute; + top: var(--spacing-xs); + right: var(--spacing-xs); + } - @media (min-width: $breakpoint-small) { - &:not(:focus):not([aria-expanded='true']) { - opacity: 0; - } + &.claim__menu-button--inline { + position: relative; + @extend .button--alt; + width: var(--height-button); + padding: 0; + border-radius: var(--border-radius); } } -.claim__menu-button--inline { - position: relative; - display: block; - right: auto; - top: auto; - @extend .button--alt; - padding: 0 var(--spacing-xxs); +@media (min-width: $breakpoint-small) { + .claim-preview--tile:not(:hover), + .claim-preview__wrapper:not(:hover) { + .claim__menu-button:not(:focus):not([aria-expanded='true']) { + opacity: 0; + } + } } .claim-preview__overlay-properties {