Fix important tags and remove unnecessary styles

This commit is contained in:
Rafael 2022-05-05 08:12:53 -03:00 committed by Thomas Zarebczan
parent 371ce4a7ff
commit d13c54792e
2 changed files with 12 additions and 17 deletions

View file

@ -268,7 +268,7 @@ $actions-z-index: 2;
} }
.channel__selector .channel-thumbnail--xxsmall { .channel__selector .channel-thumbnail--xxsmall {
margin-right: var(--spacing-s) !important; margin-right: var(--spacing-s);
} }
.channel-thumbnail--xxsmall { .channel-thumbnail--xxsmall {

View file

@ -34,6 +34,11 @@ reach-portal {
.MuiMenuItem-root { .MuiMenuItem-root {
padding: 0px; padding: 0px;
margin: 0px !important; margin: 0px !important;
color: var(--color-text) !important;
&:hover {
color: var(--color-primary-contrast) !important;
}
} }
.MuiMenu-list--paper { .MuiMenu-list--paper {
@ -99,13 +104,6 @@ reach-portal {
} }
} }
.menu__link:hover {
color: var(--color-odysee-contrast) !important;
background-color: var(--color-odysee) !important;
border-radius: var(--border-radius);
box-shadow: none;
}
.menu__button { .menu__button {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -147,16 +145,9 @@ reach-portal {
@extend .menu__list; @extend .menu__list;
.channel__selector { .channel__selector {
margin: 0px !important; margin: 0px;
display: flex; display: flex;
.menu__link {
margin: 0px !important;
padding: var(--spacing-xs) var(--spacing-s) !important;
width: 100%;
color: inherit;
}
.icon--ChevronDown { .icon--ChevronDown {
margin-left: var(--spacing-s); margin-left: var(--spacing-s);
} }
@ -205,7 +196,7 @@ reach-portal {
// padding-right: var(--spacing-l); // padding-right: var(--spacing-l);
padding: var(--spacing-xs) var(--spacing-s) var(--spacing-xs) var(--spacing-s); padding: var(--spacing-xs) var(--spacing-s) var(--spacing-xs) var(--spacing-s);
height: var(--button-height); height: var(--button-height);
color: var(--color-primary-contrast) !important; color: var(--color-text);
.icon { .icon {
stroke: var(--color-menu-icon); stroke: var(--color-menu-icon);
@ -218,6 +209,10 @@ reach-portal {
&:hover { &:hover {
color: var(--color-primary-contrast); color: var(--color-primary-contrast);
background-color: var(--color-odysee);
border-radius: var(--border-radius);
box-shadow: none;
.icon { .icon {
stroke: var(--color-primary-contrast); stroke: var(--color-primary-contrast);
margin-right: var(--spacing-s); margin-right: var(--spacing-s);