1
0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-07-30 02:21:17 +03:00

small css tweaks to closer match the figma

This commit is contained in:
Michael Telatynski
2020-09-01 14:32:21 +01:00
parent 8f94a42daf
commit 89a836100d
2 changed files with 8 additions and 11 deletions

View File

@ -95,15 +95,7 @@ limitations under the License.
mask-position: center;
}
.mx_RightPanel_headerButton_highlight {
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) {
.mx_RightPanel_headerButton {
&:hover {
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 {
font-size: $font-8px;
border-radius: 8px;