mirror of
https://github.com/espocrm/espocrm.git
synced 2026-06-28 06:56:05 +00:00
theme impr
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user