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

[SSE] Fix up/down buttons in sort dialog

Browse source
This commit is contained in:
Julia Radzhabova 2019-12-02 17:36:01 +03:00
parent 01da19cf26
commit bb36f6055f
2 changed files with 48 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -111,6 +111,52 @@
}
}
}
.icon {
&.caret-up, &.caret-down {
&::after {
content: '';
position: absolute;
left: 6px;
width: 8px;
height: 8px;
background-color: transparent;
border: solid 1px @gray-deep;
border-bottom: none;
border-right: none;
}
}
&.caret-up {
&::after {
top: 8px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
}
&.caret-down {
&::after {
top: 4px;
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
}
}
&:active:not(.disabled),
&.active:not(.disabled) {
.caret-up, .caret-down {
&::after {
border-color: #FFFFFF;
}
}
}
}
.btn.icon-top, .btn-group.icon-top {

4
apps/spreadsheeteditor/main/app/view/SortDialog.js
View file

@ -162,7 +162,7 @@ define([ 'text!spreadsheeteditor/main/app/template/SortDialog.template',
this.btnUp = new Common.UI.Button({
cls: 'btn-toolbar',
iconCls: 'btn-incfont',
iconCls: 'caret-up',
hint: this.textUp
});
this.btnUp.render($('#sort-dialog-btn-up')) ;
@ -170,7 +170,7 @@ define([ 'text!spreadsheeteditor/main/app/template/SortDialog.template',
this.btnDown = new Common.UI.Button({
cls: 'btn-toolbar',
iconCls: 'btn-decfont',
iconCls: 'caret-down',
hint: this.textDown
});
this.btnDown.render($('#sort-dialog-btn-down')) ;