fix staked indicator

This commit is contained in:
zeppi 2022-04-16 22:14:58 -04:00
parent bfb7ecca74
commit 801e8375c8
3 changed files with 6 additions and 21 deletions

View file

@ -225,7 +225,6 @@ $actions-z-index: 2;
.channel-staked__wrapper { .channel-staked__wrapper {
height: var(--height-button); height: var(--height-button);
background-color: var(--color-card-background);
margin: auto; margin: auto;
text-align: center; text-align: center;
svg { svg {
@ -462,7 +461,6 @@ $actions-z-index: 2;
// background: transparent; // background: transparent;
.channel__list-item, .channel__list-item,
.channel-staked__wrapper { .channel-staked__wrapper {
background-color: var(--color-primary);
.claim-preview__title { .claim-preview__title {
color: var(--color-primary-contrast); color: var(--color-primary-contrast);
} }
@ -583,23 +581,14 @@ $actions-z-index: 2;
z-index: 10; z-index: 10;
display: flex; display: flex;
position: absolute; position: absolute;
//text-align: center;
//width: 116%;
//left: -8%;
//bottom: -14%;
//
//svg {
// overflow: visible;
// width: 100%;
// height: 100%;
//}
padding: 0.2rem; padding: 0.2rem;
bottom: -0.5rem; bottom: -0.5rem;
right: -0.5rem; right: -0.5rem;
//background-color: white;
background-color: var(--color-card-background);
//box-shadow: 0px 0px 8px -3px rgba(255,255,255,1);
border-radius: 50%; border-radius: 50%;
svg {
fill: var(--color-brand-blue);
}
} }
.channel-staked__wrapper--large { .channel-staked__wrapper--large {

View file

@ -281,10 +281,6 @@
position: relative; position: relative;
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
svg {
stroke: var(--color-text);
}
&[aria-expanded='true']:not(.header__navigationItem--profilePic) { &[aria-expanded='true']:not(.header__navigationItem--profilePic) {
transform: rotate(0deg); transform: rotate(0deg);
&:not(.button-rotate) { &:not(.button-rotate) {
@ -318,7 +314,7 @@
background-color: var(--color-header-button); background-color: var(--color-header-button);
border-radius: 1.5rem; border-radius: 1.5rem;
margin-right: var(--spacing-s); margin-right: var(--spacing-s);
color: var(--color-brand-contrast);
&:hover { &:hover {
.icon { .icon {
stroke: var(--color-primary); stroke: var(--color-primary);

View file

@ -1,6 +1,6 @@
[theme='dark'] { [theme='dark'] {
// Color overrides // Color overrides
--color-brand-blue: rgb(49, 135, 148); --color-brand-blue: rgb(54, 173, 186);
--color-brand: rgb(43, 187, 144); --color-brand: rgb(43, 187, 144);
--color-brand-contrast: var(--color-white); --color-brand-contrast: var(--color-white);
--color-primary: rgb(43, 187, 144); --color-primary: rgb(43, 187, 144);