theme impr

This commit is contained in:
Yuri Kuznetsov
2022-07-20 20:34:16 +03:00
parent b1a0f979c9
commit 1bc1d23934
6 changed files with 71 additions and 5 deletions

View File

@@ -6,6 +6,7 @@
#layout ul > li {
background-color: var(--select-item-bg);
border-radius: var(--border-radius);
}
#layout ul.panels > li {
@@ -13,6 +14,7 @@
margin-bottom: 20px;
min-height: 80px;
border: 1px solid var(--select-item-border);
border-radius: var(--border-radius);
background-color: var(--panel-bg);
list-style: none;
}
@@ -25,6 +27,7 @@
list-style: none;
border: 1px solid var(--select-item-border);
background-color: var(--panel-bg);
border-radius: var(--border-radius);
margin: 8px 0;
padding: 5px;
height: 72px;

View File

@@ -25,6 +25,7 @@
#layout ul > li {
background-color: var(--select-item-bg);
color: var(--select-item-text-color);
border-radius: var(--border-radius);
}
#layout ul.enabled > li .right {

View File

@@ -1,6 +1,6 @@
.autocomplete-suggestions {
border: 1px solid var(--dropdown-border);
border: var(--dropdown-border-width) solid var(--dropdown-border);
background-color: var(--dropdown-bg);
color: var(--dropdown-link-color);
cursor: default;
@@ -23,15 +23,34 @@
}
}
.popover,
.dropdown-menu,
.selectize-dropdown,
.autocomplete-suggestions,
.ui-timepicker-wrapper {
border: var(--dropdown-border-width) solid var(--dropdown-border);
box-shadow: var(--dropdown-box-shadow);
border-radius: var(--dropdown-border-radius);
border-width: var(--dropdown-border-width);
}
.popover {
background-color: var(--dropdown-bg);
&.bottom > .arrow {
border-bottom-color: var(--dropdown-border);
}
&.top > .arrow {
border-top-color: var(--dropdown-border);
}
&.left > .arrow {
border-left-color: var(--dropdown-border);
}
&.right > .arrow {
border-right-color: var(--dropdown-border);
}
}
.ui-timepicker-wrapper {
border-top-right-radius: 0;
border-bottom-right-radius: 0;

View File

@@ -189,6 +189,29 @@
}
}
.dialog-confirm,
.dialog-centered {
> .modal-dialog > .modal-content {
border-radius: var(--panel-border-radius);
> .modal-header {
border-top-left-radius: var(--panel-border-radius);
border-top-right-radius: var(--panel-border-radius);
}
> .modal-footer {
border-bottom-left-radius: var(--panel-border-radius);
border-bottom-right-radius: var(--panel-border-radius);
}
> .modal-body {
.panel.no-side-margin {
box-shadow: none;
}
}
}
}
.modal-body > .no-side-margin {
margin-left: -@panel-padding;
margin-right: -@panel-padding;

View File

@@ -1,5 +1,7 @@
.panel {
.panel,
.well {
border-radius: var(--panel-border-radius);
border: var(--panel-border-width) solid var(--panel-border);
}
.panel-body {
@@ -7,10 +9,24 @@
.clearfix();
}
.panel-group .panel + .panel {
margin-top: 4px;
.panel-group {
> .panel:first-child {
border-top-left-radius: var(--panel-border-radius);
border-top-right-radius: var(--panel-border-radius);
}
> .panel:last-child {
border-bottom-left-radius: var(--panel-border-radius);
border-bottom-right-radius: var(--panel-border-radius);
}
.panel + .panel {
margin-top: 4px;
}
}
.panel-group
.panel > .panel-body.panel-body-form {
padding-bottom: @panel-padding - @form-group-margin-bottom;
}

View File

@@ -33,11 +33,15 @@
@modal-header-bg-value: @body-bg-value;
@dropdown-border-value: @default-border-color-value;
@select-item-border-value: @btn-default-border-value;
@border-radius-value: 6px;
@panel-border-radius-value: 6px;
@dropdown-border-radius-value: 6px;
@dropdown-border-width-value: 0;
@dropdown-border-width-value: 1px;
@panel-border-width-value: 0px;
@default-box-shadow-value: 2px 2px 4px rgba(0,0,0,0.09);