Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[stylesheets] correct components stylesheet according to colors table

Browse source
This commit is contained in:
Maxim Kadushkin 2020-12-17 14:22:09 +03:00
parent 08bae838b0
commit d151416acc
5 changed files with 29 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
apps/common/main/resources/less/buttons.less
View file

@ -542,14 +542,14 @@
width: 45px; width: 45px;
height: 22px; height: 22px;
padding: 1px 11px 1px 1px; padding: 1px 11px 1px 1px;
border:1px solid @input-border; border:1px solid @border-regular-control;
.border-radius(@border-radius-small); .border-radius(@border-radius-small);
span:nth-child(1) { span:nth-child(1) {
float: left; float: left;
width: 100%; width: 100%;
height: 100%; height: 100%;
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid @border-control-focus;
background-color: transparent; background-color: transparent;
} }
@ -629,8 +629,8 @@
.btn-text-default { .btn-text-default {
width: 75px; width: 75px;
height: 22px; height: 22px;
background: @input-bg; background: @background-normal;
border: 1px solid @input-border; border: 1px solid @border-regular-control;
.border-radius(@border-radius-small); .border-radius(@border-radius-small);
&.auto { &.auto {
@ -660,8 +660,8 @@
.btn-text-menu-default { .btn-text-menu-default {
width: 100%; width: 100%;
height: 22px; height: 22px;
background: @input-bg; background: @background-normal;
border: 1px solid @input-border; border: 1px solid @border-regular-control;
.border-radius(@border-radius-small); .border-radius(@border-radius-small);
button { button {
@ -694,8 +694,8 @@
.btn-text-split-default { .btn-text-split-default {
width: 75px; width: 75px;
height: 22px; height: 22px;
background: @input-bg; background: @background-normal;
border: 1px solid @input-border; border: 1px solid @border-regular-control;
.border-radius(@border-radius-small); .border-radius(@border-radius-small);
&.dropdown-toggle { &.dropdown-toggle {
@ -727,8 +727,8 @@
.btn-icon-default { .btn-icon-default {
width: 45px; width: 45px;
height: 22px; height: 22px;
background: @input-bg; background: @background-normal;
border: 1px solid @input-border; border: 1px solid @border-regular-control;
.border-radius(@border-radius-small); .border-radius(@border-radius-small);
.icon { .icon {
@ -767,8 +767,8 @@
padding: 2px; padding: 2px;
margin:0; margin:0;
box-shadow: none; box-shadow: none;
background-color: @input-bg; background-color: @background-normal;
border: 1px solid @input-border; border: 1px solid @border-regular-control;
.border-radius(@border-radius-small); .border-radius(@border-radius-small);
&.template-table { &.template-table {
@ -793,7 +793,7 @@
margin-right: 3px; margin-right: 3px;
background-color: transparent; background-color: transparent;
background-repeat: no-repeat; background-repeat: no-repeat;
border: 1px solid @input-border; border: 1px solid @border-regular-control;
position: relative; position: relative;
} }
@ -807,7 +807,7 @@
.over, .over,
&:active, &:active,
&.active { &.active {
background-color: @input-bg !important; background-color: @background-normal !important;
} }
&:active:not(.disabled), &:active:not(.disabled),

6
apps/common/main/resources/less/combobox.less
View file

@ -52,7 +52,7 @@
.btn:hover, .btn:hover,
.btn:focus { .btn:focus {
border-left: 0; border-left: 0;
border-color: @input-border; border-color: @border-control-focus;
background-color: transparent; background-color: transparent;
margin-left: -1px; margin-left: -1px;
position: absolute; position: absolute;
@ -62,8 +62,8 @@
.btn-default:not(.disabled), .btn-default:not(.disabled),
&.open .dropdown-toggle.btn-default { &.open .dropdown-toggle.btn-default {
background-color: @input-bg; background-color: @background-normal;
border-color: @input-border; border-color: @border-regular-control;
} }
&.input-group-nr.open:not(.no-highlighted) { &.input-group-nr.open:not(.no-highlighted) {

4
apps/common/main/resources/less/dropdown-menu.less
View file

@ -3,6 +3,9 @@
} }
.dropdown-menu { .dropdown-menu {
background-color: @background-normal;
border-color: @border-regular-control;
&.scrollable-menu { &.scrollable-menu {
height: auto; height: auto;
max-height: 400px; max-height: 400px;
@ -30,6 +33,7 @@
& > a { & > a {
padding: 5px 20px; padding: 5px 20px;
cursor: pointer; cursor: pointer;
color: @text-normal;
&:focus, &.focus { &:focus, &.focus {
outline: 0; outline: 0;

9
apps/common/main/resources/less/input.less
View file

@ -4,8 +4,11 @@
color: var(--text-normal); color: var(--text-normal);
.user-select(text); .user-select(text);
border: 1px solid @border-regular-control;
background-color: @background-normal;
&:focus { &:focus {
border-color: @input-border; border-color: @border-control-focus;
outline: 0; outline: 0;
.box-shadow(none); .box-shadow(none);
} }
@ -13,12 +16,12 @@
.form-control[readonly] { .form-control[readonly] {
cursor: pointer; cursor: pointer;
background-color: @input-bg; background-color: @background-normal;
} }
.form-control[disabled] { .form-control[disabled] {
cursor: default; cursor: default;
background-color: @input-bg; background-color: @background-normal;
.user-select(none); .user-select(none);
} }

4
apps/common/main/resources/less/window.less
View file

@ -26,7 +26,7 @@
z-index: @zindex-modal-background; z-index: @zindex-modal-background;
box-shadow: 0 5px 15px rgba(0,0,0,0.2); box-shadow: 0 5px 15px rgba(0,0,0,0.2);
border-radius: 5px; border-radius: 5px;
background-color: @body-bg; background-color: @background-normal;
border: solid 1px var(--border-toolbar); border: solid 1px var(--border-toolbar);
left: 0; left: 0;
@ -122,7 +122,7 @@
position: absolute; position: absolute;
top: 34px; top: 34px;
width: 100%; width: 100%;
background-color: @body-bg; background-color: @background-normal;
} }
&.modal { &.modal {