mirror of https://github.com/akveo/blur-admin
fix(layout): fix small layout issues
parent
202005bccb
commit
03a7808d23
|
@ -666,7 +666,7 @@
|
|||
|
||||
.compose-footer {
|
||||
padding: 2px 4px;
|
||||
background-color: whitesmoke;
|
||||
background-color: $mail-box;
|
||||
.btn-send {
|
||||
background-color: $primary-light;
|
||||
color: white;
|
||||
|
@ -696,7 +696,7 @@
|
|||
}
|
||||
|
||||
.compose-container {
|
||||
background-color: whitesmoke;
|
||||
background-color: $mail-box;
|
||||
.ta-text.ta-editor {
|
||||
background-color: $input-border;
|
||||
div {
|
||||
|
|
|
@ -44,7 +44,7 @@
|
|||
@include placeholderStyle($default-text, 0.7);
|
||||
border: 1px solid $input-border;
|
||||
border-radius: 5px;
|
||||
background: transparent;
|
||||
background-color: rgba(0,0,0,.15);
|
||||
box-shadow: none;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
|
@ -226,7 +226,7 @@ label.custom-checkbox {
|
|||
color: $default-text;
|
||||
content: "\a0";
|
||||
background-color: transparent;
|
||||
border: 1px solid $input-border;
|
||||
border: 1px solid $border;
|
||||
border-radius: 0;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
|
@ -317,7 +317,7 @@ label.custom-input-danger {
|
|||
|
||||
@mixin validationState($color, $focusColor) {
|
||||
.control-label {
|
||||
color: $color;
|
||||
color: $default-text;
|
||||
}
|
||||
.form-control {
|
||||
border: 1px solid $color;
|
||||
|
@ -375,7 +375,7 @@ label.custom-input-danger {
|
|||
}
|
||||
|
||||
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
|
||||
background: transparent;
|
||||
background-color: rgba(0,0,0,.15);
|
||||
color: $disabled;
|
||||
border-color: $disabled-bg;
|
||||
@include placeholderStyle($default-text, 0.5);
|
||||
|
@ -430,24 +430,22 @@ label.custom-input-danger {
|
|||
button.btn.btn-default {
|
||||
background: transparent;
|
||||
color: $default-text;
|
||||
//border-color: $input-border;
|
||||
&:hover {
|
||||
background: $default;
|
||||
box-shadow: none;
|
||||
outline: 0 !important;
|
||||
}
|
||||
&:active {
|
||||
border-color: $input-border;
|
||||
background: $default;
|
||||
box-shadow: none;
|
||||
background: $default-text;
|
||||
color: $dropdown-text;
|
||||
}
|
||||
}
|
||||
&.open {
|
||||
> .btn.btn-default.dropdown-toggle {
|
||||
background: $default;
|
||||
box-shadow: none;
|
||||
background: $default-text;
|
||||
color: $dropdown-text;
|
||||
border-color: $select-border;
|
||||
border-color: $border;
|
||||
}
|
||||
> .btn{
|
||||
border-radius: 5px 5px 0 0;
|
||||
|
@ -474,7 +472,7 @@ label.custom-input-danger {
|
|||
|
||||
.bootstrap-tagsinput {
|
||||
color: $default-text;
|
||||
background-color: transparent;
|
||||
background-color: rgba(0,0,0,.15);
|
||||
border: 1px solid $input-border;
|
||||
border-radius: 5px;
|
||||
box-shadow: none;
|
||||
|
@ -496,6 +494,8 @@ label.custom-input-danger {
|
|||
}
|
||||
}
|
||||
input {
|
||||
background-color: rgba(0,0,0,.15);
|
||||
border-radius: 5px;
|
||||
@include placeholderStyle($default-text, 0.8);
|
||||
line-height: 22px;
|
||||
font-size: 11px;
|
||||
|
|
|
@ -26,6 +26,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
$modal-input-border: #e7e7e7;
|
||||
|
||||
.modal {
|
||||
text-align: center;
|
||||
.modal-dialog {
|
||||
|
@ -35,7 +37,7 @@
|
|||
.form-control{
|
||||
color: $github-color;
|
||||
background-color: transparent;
|
||||
border: 1px solid $select-border;
|
||||
border: 1px solid $modal-input-border;
|
||||
@include placeholderStyle($dropdown-text, 0.9);
|
||||
}
|
||||
.modal-body p, .modal-body div, .modal-body span{
|
||||
|
|
|
@ -165,7 +165,7 @@ a.sn-link {
|
|||
border-width: 2px;
|
||||
padding: $snPadding - 1;
|
||||
span {
|
||||
color: $primary;
|
||||
color: $default-text;
|
||||
}
|
||||
i {
|
||||
background: $snColor;
|
||||
|
|
|
@ -37,23 +37,27 @@ $hover: 24;
|
|||
}
|
||||
}
|
||||
|
||||
@mixin openDropdownButton($color, $dark-color) {
|
||||
@include styleButton($color, $color - $hover);
|
||||
background-color: $dark-color;
|
||||
border-color: $dark-color;
|
||||
}
|
||||
|
||||
.open > .btn.dropdown-toggle {
|
||||
&.btn.btn-primary {
|
||||
@include styleButton($primary, $primary - $hover);
|
||||
background-color: $primary-dark;
|
||||
border-color: $primary-dark;
|
||||
@include openDropdownButton($primary, $primary-dark)
|
||||
}
|
||||
&.btn-success {
|
||||
@include styleButton($success, $success - $hover);
|
||||
@include openDropdownButton($success, $success-dark)
|
||||
}
|
||||
&.btn-info {
|
||||
@include styleButton($info, $info - $hover);
|
||||
@include openDropdownButton($info, $info-dark)
|
||||
}
|
||||
&.btn-warning {
|
||||
@include styleButton($warning, $warning - $hover);
|
||||
@include openDropdownButton($warning, $warning-dark)
|
||||
}
|
||||
&.btn-danger {
|
||||
@include styleButton($danger, $danger - $hover);
|
||||
@include openDropdownButton($danger, $danger-dark)
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -118,7 +118,7 @@
|
|||
font-size: 12px;
|
||||
strong {
|
||||
float: left;
|
||||
color: $default-text;
|
||||
color: $dropdown-text;
|
||||
}
|
||||
& > a {
|
||||
float: right;
|
||||
|
|
|
@ -3,16 +3,18 @@ $body-bg: #F0F3F4;
|
|||
$default-text: #ffffff;
|
||||
$help-text: #eeeeee;
|
||||
$disabled: #dddddd;
|
||||
$disabled-bg: tint($disabled, 15%);
|
||||
$disabled-bg: transparent;
|
||||
|
||||
$border: #ffffff;
|
||||
$border-light: $border;// tint
|
||||
$input-border: $border;// shade
|
||||
$border-light: $border;
|
||||
$input-border: transparent;
|
||||
|
||||
$sidebar: rgba(#000000, 0.5);
|
||||
$sidebar-text: #ffffff;
|
||||
$dropdown-text: #7d7d7d;
|
||||
$bootstrap-panel-text: #7d7d7d;
|
||||
$bootstrap-panel-bg: #ffffff;
|
||||
$select-border: #e7e7e7;
|
||||
$mail-box: whitesmoke;
|
||||
|
||||
$primary: #209e91 !default;
|
||||
$info: #2dacd1 !default;
|
||||
|
|
Loading…
Reference in New Issue