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

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

pull/21833/head
Andy Balaam 2021-11-10 11:24:27 +00:00 committed by GitHub
parent 71d8946641
commit 8ea551fb6d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 4 deletions
Show Stats 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; text-decoration: none;
} }
.mx_AccessibleButton { // Draw an outline on buttons with focus
margin-left: 4px;
}
.mx_AccessibleButton:focus { .mx_AccessibleButton:focus {
outline: 2px solid $accent-color; outline: 2px solid $accent-color;
outline-offset: 2px; 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 { .mx_BasicMessageComposer .mx_BasicMessageComposer_inputEmpty > :first-child::before {
color: $secondary-content; color: $secondary-content;
opacity: 1 !important; opacity: 1 !important;