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 :
'<input type="text" class="form-control" spellcheck="false">' +
'<div class="spinner-buttons">' +
'<button type="button" class="spinner-up"><i class="img-commonctrl"></i></button>' +
'<button type="button" class="spinner-down"><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="arrow"></i></button>' +
'</div>',
initialize : function(options) {

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

@ -55,18 +55,22 @@
}
.caret {
width: 7px;
height: 7px;
border: 0;
background-position: @arrow-small-offset-x @arrow-small-offset-y;
position: relative;
width: 4px;
height: 4px;
border: solid 1px @icon-normal;
border-bottom: none;
border-right: none;
background-image: none;
transition: transform 0.2s ease;
transform: rotate(-135deg) translate(1px,1px);
}
//&:active,
&:active:not(.disabled),
&.active:not(.disabled){
.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;
height: 8px;
background-color: transparent;
border: solid 1px @border-regular-control;
border: solid 1px @icon-normal;
border-bottom: none;
border-right: 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;
}
&.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 {
border-right: 0;
position: static;
@ -73,6 +55,10 @@
& > .form-control,
& > .btn {
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 {
display: inline-block;
position: inherit;
border-left: 1px solid @border-toolbar;
border-left: 1px solid @border-divider;
vertical-align: top;
padding: 0;
width: 0;
@ -20,6 +20,6 @@
border-left: 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 {
display: inline-block;
width: @trigger-width;
height: @spin-height/2;
width: 4px;
height: 4px;
border: solid 1px @icon-normal;
border-bottom: none;
border-right: none;
}
button {
@ -55,19 +59,13 @@
.spinner-up {
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 {
i {
background-position: @spinner-offset-x @spinner-offset-y - @spin-height / 2;
}
&.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; }
transform: rotate(-135deg) translate(1px,4px);
}
}
}

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

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