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

fix buttons in other skins

pull/5578/head
Matthew Hodgson 2017-10-26 14:42:41 +01:00
parent ebbb677f2c
commit 8f0f34e761
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/skins/vector/css/_common.scss
View File

@ -205,11 +205,10 @@ textarea {
margin-right: 8px; margin-right: 8px;
// flip colours for the secondary ones // flip colours for the secondary ones
font-weight: 600;
border: 1px solid $accent-color ! important;
color: $accent-color; color: $accent-color;
background-color: $accent-fg-color; background-color: $accent-fg-color;
/* align images in buttons (eg spinners) */
vertical-align: middle;
} }
.mx_Dialog button:focus, .mx_Dialog input[type="submit"]:focus { .mx_Dialog button:focus, .mx_Dialog input[type="submit"]:focus {

9
src/skins/vector/css/themes/_base.scss
View File

@ -137,12 +137,12 @@ $progressbar-color: #000;
// ***** Mixins! ***** // ***** Mixins! *****
@define-mixin mx_DialogButton { @define-mixin mx_DialogButton {
/* align images in buttons (eg spinners) */
vertical-align: middle; vertical-align: middle;
border: 0px; border: 0px;
border-radius: 36px; border-radius: 36px;
height: 33px; font-family: $font-family;
font-weight: 400; font-size: 14px;
font-size: 16px;
color: $accent-fg-color; color: $accent-fg-color;
background-color: $accent-color; background-color: $accent-color;
width: auto; width: auto;
@ -155,5 +155,6 @@ $progressbar-color: #000;
@define-mixin mx_DialogButton_small { @define-mixin mx_DialogButton_small {
@mixin mx_DialogButton; @mixin mx_DialogButton;
height: auto; font-size: 15px;
padding: 0px 1.5em 0px 1.5em;
} }

2
src/skins/vector/themes/status/css/_status.scss
View File

@ -177,6 +177,8 @@ $lightbox-border-color: #ffffff;
$progressbar-color: #000; $progressbar-color: #000;
@define-mixin mx_DialogButton { @define-mixin mx_DialogButton {
/* align images in buttons (eg spinners) */
vertical-align: middle;
border-radius: 8px; border-radius: 8px;
border: 1px solid rgba(199, 206, 209, 0.12); border: 1px solid rgba(199, 206, 209, 0.12);
background-color: $accent-color; background-color: $accent-color;