OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

small css tweaks to closer match the figma

pull/21833/head
Michael Telatynski 2020-09-01 14:32:21 +01:00
parent 8f94a42daf
commit 89a836100d
2 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
res/css/structures/_RightPanel.scss
View File

@ -95,15 +95,7 @@ limitations under the License.
mask-position: center; mask-position: center;
} }
.mx_RightPanel_headerButton_highlight { .mx_RightPanel_headerButton {
background: rgba($accent-color, 0.25);
// make the icon the accent color too
&::before {
background-color: $accent-color !important;
}
}
.mx_RightPanel_headerButton:not(.mx_RightPanel_headerButton_highlight) {
&:hover { &:hover {
background: rgba($accent-color, 0.1); background: rgba($accent-color, 0.1);
@ -113,6 +105,12 @@ limitations under the License.
} }
} }
.mx_RightPanel_headerButton_highlight {
&::before {
background-color: $accent-color !important;
}
}
.mx_RightPanel_headerButton_badge { .mx_RightPanel_headerButton_badge {
font-size: $font-8px; font-size: $font-8px;
border-radius: 8px; border-radius: 8px;

3
res/css/structures/_UserMenu.scss
View File

@ -15,7 +15,6 @@ limitations under the License.
*/ */
.mx_UserMenu { .mx_UserMenu {
// to make the menu button sort of aligned with the explore button below // to make the menu button sort of aligned with the explore button below
padding-right: 6px; padding-right: 6px;
@ -59,7 +58,7 @@ limitations under the License.
mask-position: center; mask-position: center;
mask-size: contain; mask-size: contain;
mask-repeat: no-repeat; mask-repeat: no-repeat;
background: $primary-fg-color; background: $tertiary-fg-color;
mask-image: url('$(res)/img/feather-customised/chevron-down.svg'); mask-image: url('$(res)/img/feather-customised/chevron-down.svg');
} }
} }