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

[stylesheets] correct some elements

Browse source
This commit is contained in:
Maxim Kadushkin 2020-12-22 15:45:06 +03:00
parent 0caaa92028
commit 05d307e10b
8 changed files with 32 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/common/main/lib/component/MetricSpinner.js
View file

@ -120,8 +120,8 @@ define([
template : template :
'<input type="text" class="form-control" spellcheck="false">' + '<input type="text" class="form-control" spellcheck="false">' +
'<div class="spinner-buttons">' + '<div class="spinner-buttons">' +
'<button type="button" class="spinner-up"><i class="img-commonctrl"></i></button>' + '<button type="button" class="spinner-up"><i class="arrow"></i></button>' +
'<button type="button" class="spinner-down"><i class="img-commonctrl"></i></button>' + '<button type="button" class="spinner-down"><i class="arrow"></i></button>' +
'</div>', '</div>',
initialize : function(options) { initialize : function(options) {

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

@ -55,18 +55,22 @@
} }
.caret { .caret {
width: 7px; width: 4px;
height: 7px; height: 4px;
border: 0; border: solid 1px @icon-normal;
background-position: @arrow-small-offset-x @arrow-small-offset-y; border-bottom: none;
position: relative; border-right: none;
background-image: none;
transition: transform 0.2s ease;
transform: rotate(-135deg) translate(1px,1px);
} }
//&:active, //&:active,
&:active:not(.disabled), &:active:not(.disabled),
&.active:not(.disabled){ &.active:not(.disabled){
.caret { .caret {
background-position: @arrow-small-offset-x - 7px @arrow-small-offset-y; transform: rotate(45deg);
} }
} }

2
apps/common/main/resources/less/combo-dataview.less
View file

@ -148,7 +148,7 @@
width: 8px; width: 8px;
height: 8px; height: 8px;
background-color: transparent; background-color: transparent;
border: solid 1px @border-regular-control; border: solid 1px @icon-normal;
border-bottom: none; border-bottom: none;
border-right: none; border-right: none;
background-image: none; background-image: none;

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

@ -23,24 +23,6 @@
padding-right: 7px + 2 * @padding-base-horizontal; padding-right: 7px + 2 * @padding-base-horizontal;
} }
&.input-group-nr > .btn {
&.dropdown-toggle {
.caret {
width: 7px;
height: 7px;
border: 0;
background-position: @arrow-small-offset-x @arrow-small-offset-y;
}
&:active,
&.active {
.caret {
background-position: @arrow-small-offset-x @arrow-small-offset-y;
}
}
}
}
.form-control { .form-control {
border-right: 0; border-right: 0;
position: static; position: static;
@ -73,6 +55,10 @@
& > .form-control, & > .form-control,
& > .btn { & > .btn {
border-color: @border-preview-select; border-color: @border-preview-select;
.caret {
transform: rotate(45deg);
}
} }
} }

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

@ -111,4 +111,8 @@
} }
} }
} }
.divider {
background-color: @border-divider;
}
} }

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

@ -9,7 +9,7 @@
.separator { .separator {
display: inline-block; display: inline-block;
position: inherit; position: inherit;
border-left: 1px solid @border-toolbar; border-left: 1px solid @border-divider;
vertical-align: top; vertical-align: top;
padding: 0; padding: 0;
width: 0; width: 0;
@ -20,6 +20,6 @@
border-left: none; border-left: none;
border-right: none; border-right: none;
border-top: 1px solid @border-toolbar; border-top: 1px solid @border-divider;
} }
} }

20
apps/common/main/resources/less/spinner.less
View file

@ -42,8 +42,12 @@
i { i {
display: inline-block; display: inline-block;
width: @trigger-width; width: 4px;
height: @spin-height/2; height: 4px;
border: solid 1px @icon-normal;
border-bottom: none;
border-right: none;
} }
button { button {
@ -55,19 +59,13 @@
.spinner-up { .spinner-up {
i { i {
background-position: @spinner-offset-x @spinner-offset-y; transform: rotate(45deg) translate(1px,-2px);
} }
&.over i { background-position: @spinner-offset-x - @trigger-width @spinner-offset-y; }
&.active i { background-position: @spinner-offset-x @spinner-offset-y; }
} }
.spinner-down { .spinner-down {
i { i {
background-position: @spinner-offset-x @spinner-offset-y - @spin-height / 2; transform: rotate(-135deg) translate(1px,4px);
} }
&.over i { background-position: @spinner-offset-x - @trigger-width @spinner-offset-y - @spin-height / 2; }
&.active i { background-position: @spinner-offset-x @spinner-offset-y - @spin-height / 2; }
} }
} }

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

@ -46,7 +46,7 @@
top: 0; top: 0;
text-overflow: ellipsis; text-overflow: ellipsis;
color: @border-preview-select; color: @text-normal;
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;