mirror of https://github.com/akveo/blur-admin
feat(theme): change tables to use light theme, small fixes
parent
f115da4731
commit
d268d17b44
|
@ -4,5 +4,4 @@
|
|||
<switch color="danger" ng-model="switches[2]"></switch>
|
||||
<switch color="info" ng-model="switches[3]"></switch>
|
||||
<switch color="success" ng-model="switches[0]"></switch>
|
||||
<switch color="default" ng-model="switches[4]"></switch>
|
||||
</div>
|
|
@ -103,9 +103,6 @@ textarea.form-control {
|
|||
|
||||
.switch-container {
|
||||
display: inline-block;
|
||||
& {
|
||||
@include setSwitchBorder($default);
|
||||
}
|
||||
&.primary {
|
||||
@include setSwitchBorder($primary);
|
||||
}
|
||||
|
@ -131,12 +128,12 @@ textarea.form-control {
|
|||
outline: none;
|
||||
}
|
||||
&.bootstrap-switch-off {
|
||||
border-color: $input-border;
|
||||
border-color: $border;
|
||||
}
|
||||
&.bootstrap-switch-focused {
|
||||
box-shadow: none;
|
||||
&.bootstrap-switch-off {
|
||||
border-color: $input-border;
|
||||
border-color: $border;
|
||||
}
|
||||
}
|
||||
.bootstrap-switch-container {
|
||||
|
@ -239,10 +236,10 @@ label.custom-checkbox {
|
|||
font-family: fontAwesome;
|
||||
font-weight: $font-light;
|
||||
font-size: 12px;
|
||||
color: $default;
|
||||
color: $default-text;
|
||||
content: "\a0";
|
||||
background-color: transparent;
|
||||
border: 1px solid $default;
|
||||
border: 1px solid $input-border;
|
||||
border-radius: 0;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
|
@ -361,7 +358,7 @@ label.custom-input-danger {
|
|||
}
|
||||
.input-group-addon {
|
||||
background-color: $color;
|
||||
color: $default-text;
|
||||
color: $default;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -414,7 +411,7 @@ label.custom-input-danger {
|
|||
|
||||
@mixin groupAddon($color) {
|
||||
background: $color;
|
||||
color: $default-text;
|
||||
color: $default;
|
||||
border-color: $color;
|
||||
}
|
||||
|
||||
|
@ -442,42 +439,31 @@ label.custom-input-danger {
|
|||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.bootstrap-select {
|
||||
.btn-default {
|
||||
.bootstrap-select.btn-group {
|
||||
button.btn.btn-default {
|
||||
background: transparent;
|
||||
color: $default;
|
||||
&:focus {
|
||||
color: $default-text;
|
||||
border-color: $input-border;
|
||||
&:focus, &:hover {
|
||||
background: $default;
|
||||
box-shadow: none;
|
||||
outline: 0 !important;
|
||||
}
|
||||
&:active {
|
||||
border-color: $default;
|
||||
border-color: $input-border;
|
||||
box-shadow: none;
|
||||
background: $default;
|
||||
}
|
||||
}
|
||||
&.open {
|
||||
.btn-default.dropdown-toggle {
|
||||
box-shadow: none;
|
||||
background-color: $default;
|
||||
border-color: $default;
|
||||
color: $default;
|
||||
}
|
||||
.dropdown-menu {
|
||||
border-left: 1px solid $default;
|
||||
border-right: 1px solid $default;
|
||||
border-bottom-color: $default;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
> .btn.dropdown-toggle {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-color: transparent;
|
||||
> .btn.btn-default.dropdown-toggle {
|
||||
box-shadow: none;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
.dropdown-menu {
|
||||
border-top: none;
|
||||
border-radius: 0 0 5px 5px;
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
&.with-search.open{
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
& > thead {
|
||||
& > tr {
|
||||
& > th {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-bottom: 1px solid $border;
|
||||
white-space: nowrap;
|
||||
&:first-child {
|
||||
text-align: center;
|
||||
|
@ -22,7 +22,7 @@
|
|||
& > td {
|
||||
padding: 0px 8px;
|
||||
line-height: 35px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-top: 1px solid $border;
|
||||
&:first-child {
|
||||
text-align: center;
|
||||
}
|
||||
|
@ -142,7 +142,7 @@ tr.editable-row {
|
|||
}
|
||||
|
||||
a.email-link {
|
||||
color: $default;
|
||||
color: $default-text;
|
||||
&:hover {
|
||||
color: $danger;
|
||||
}
|
||||
|
@ -256,8 +256,8 @@ body.badmin-transparent {
|
|||
}
|
||||
|
||||
.editable-click, a.editable-click {
|
||||
color: $default;
|
||||
border-bottom: dashed 1px $default;
|
||||
color: $default-text;
|
||||
border-bottom: dashed 1px $border;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -278,8 +278,8 @@ th {
|
|||
}
|
||||
.pagination > li > a,
|
||||
.pagination > li > span{
|
||||
color: $default;
|
||||
border-color: $default;
|
||||
color: $default-text;
|
||||
border-color: $border;
|
||||
}
|
||||
|
||||
|
||||
|
@ -302,7 +302,7 @@ th {
|
|||
.pagination > .active > a:focus,
|
||||
.pagination > .active > span:focus {
|
||||
background-color: $primary;
|
||||
border-color: $default;
|
||||
border-color: $border;
|
||||
}
|
||||
|
||||
.pagination > li > a:hover,
|
||||
|
@ -310,7 +310,7 @@ th {
|
|||
.pagination > li > a:focus,
|
||||
.pagination > li > span:focus{
|
||||
background-color: rgba(0,0,0,.2);
|
||||
color: $default;
|
||||
color: $default-text;
|
||||
}
|
||||
|
||||
.editable-buttons .btn-with-icon i {
|
||||
|
|
|
@ -24,7 +24,7 @@ h1.al-title {
|
|||
padding-top: 11px;
|
||||
li {
|
||||
font-size: 18px;
|
||||
font-weight: $font-light;
|
||||
font-weight: $font-normal;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -114,7 +114,7 @@
|
|||
@include scrollbars(.4em, rgba(0,0,0,0.5), #fff);
|
||||
.header {
|
||||
padding: 10px 12px;
|
||||
border-bottom: 1px solid $border-light;
|
||||
border-bottom: 1px solid $default;
|
||||
font-size: 12px;
|
||||
strong {
|
||||
float: left;
|
||||
|
@ -134,7 +134,7 @@
|
|||
overflow: scroll;
|
||||
overflow-x: hidden;
|
||||
& > a {
|
||||
border-top: 1px solid $border-light;
|
||||
border-top: 1px solid $default;
|
||||
padding: 10px 12px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
|
@ -192,7 +192,7 @@
|
|||
}
|
||||
}
|
||||
& > a {
|
||||
border-top: 1px solid $border-light;
|
||||
border-top: 1px solid $default;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
|
@ -214,7 +214,7 @@
|
|||
color: $default-text;
|
||||
padding: 4px 16px 4px 20px;
|
||||
&.signout {
|
||||
border-top: 1px solid $border-light;
|
||||
border-top: 1px solid $default;
|
||||
}
|
||||
i {
|
||||
margin-right: 10px;
|
||||
|
@ -247,7 +247,7 @@
|
|||
width: 0;
|
||||
height: 0;
|
||||
border: 10px solid transparent;
|
||||
border-bottom-color: $border;
|
||||
border-bottom-color: $default;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -15,12 +15,12 @@ $behace-color: #0093FA;
|
|||
$panel-bg: #f8f8f8;
|
||||
$panel-bg-hover: #fff;
|
||||
|
||||
$disabled: #d6d6d6;
|
||||
$disabled-bg: #dddddd;
|
||||
$disabled: #dddddd;
|
||||
$disabled-bg: #e6e6e6;
|
||||
|
||||
$border: #cccccc;
|
||||
$border: #d6d6d6;
|
||||
$border-light: #eeeeee;
|
||||
$input-border: #bbbbbb;
|
||||
$input-border: #cccccc;
|
||||
|
||||
$resXXL: 1280px;
|
||||
$resXL: 1170px;
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
}
|
||||
}
|
||||
.panel.panel-blur {
|
||||
@include scrollbars(.4em, rgba(0, 0, 0, 0.7), rgba(255, 255, 255, 0.8));
|
||||
@include scrollbars(.4em, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.5));
|
||||
border-radius: 5px;
|
||||
color: $default-text;
|
||||
.panel-heading {
|
||||
|
|
Loading…
Reference in New Issue