nikrozman/element-web
1
0
Fork 0
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Do not shift buttons in high contrast theme (#7102)

Browse Source
This commit is contained in:
Andy Balaam
2021-11-10 11:24:27 +00:00
committed by GitHub
parent 71d8946641
commit 8ea551fb6d
1 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
res/themes/light-high-contrast/css/_light-high-contrast.scss
View File

@@ -57,15 +57,28 @@ $roomtopic-color: $secondary-content;
text-decoration: none;
}
.mx_AccessibleButton {
margin-left: 4px;
}
// Draw an outline on buttons with focus
.mx_AccessibleButton:focus {
outline: 2px solid $accent-color;
outline-offset: 2px;
}
// Add padding (and remove margin to compensate), so the outline is not
// chopped off on the left
.mx_TabbedView_tabPanel {
margin-left: 236px !important; // Remove 4 to allow 4 in mx_SettingsTab
}
.mx_SettingsTab {
padding-left: 4px !important;
}
.mx_BaseCard {
padding-left: 4px !important; // Remove 4 to allow 4 in mx_BaseCard_Group
}
.mx_BaseCard_Group {
padding-left: 4px !important;
}
.mx_BasicMessageComposer .mx_BasicMessageComposer_inputEmpty > :first-child::before {
color: $secondary-content;
opacity: 1 !important;