Fix small UI issues with the new colortheme

This commit is contained in:
yflory
2018-04-16 15:46:19 +02:00
parent ec0fc85b9f
commit e2b9cf1c40
4 changed files with 8 additions and 2 deletions

View File

@@ -254,6 +254,7 @@
&.danger {
background-color: @colortheme_alertify-red;
border-color: @colortheme_alertify-red-border;
color: @colortheme_alertify-red-color;
&:hover, &:active {
background-color: contrast(@colortheme_modal-bg, darken(@colortheme_alertify-red, 10%), lighten(@colortheme_alertify-red, 10%));
}
@@ -262,6 +263,7 @@
&.safe {
background-color: @colortheme_alertify-green;
border-color: @colortheme_alertify-green-border;
color: @colortheme_alertify-green-color;
&:hover, &:active {
background-color: contrast(@colortheme_modal-bg, darken(@colortheme_alertify-green, 10%), lighten(@colortheme_alertify-green, 10%));
}

View File

@@ -41,8 +41,10 @@
// TODO modals buttons
@colortheme_alertify-red: #E55236;
@colortheme_alertify-red-color: #FFF;
@colortheme_alertify-red-border: transparent;
@colortheme_alertify-green: #77C825;
@colortheme_alertify-green-color: #FFF;
@colortheme_alertify-green-border: transparent;
@colortheme_alertify-primary: @colortheme_form-bg;
@colortheme_alertify-primary-text: @colortheme_form-color;

View File

@@ -103,7 +103,7 @@
display: flex;
flex-flow: column;
align-items: center;
flex: 1;
flex: 1 0 auto;
& > div {
width: 400px;
max-width: 100%;
@@ -191,7 +191,7 @@
}
div.cp-creation-template {
width: 100%;
flex: 1;
flex: 1 0 auto;
}
.cp-creation-template-container {
width: 100%;