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

[SSE] animation for the 'formula' bar's expanding

Browse source
This commit is contained in:
Maxim Kadushkin 2017-04-27 18:36:13 +03:00
parent 0dfd81ec5a
commit f97760bd4b
1 changed files with 19 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
apps/spreadsheeteditor/main/resources/less/celleditor.less
View file

@ -83,27 +83,6 @@
.ce-group-expand { .ce-group-expand {
float: right; float: right;
height: 20px; height: 20px;
#ce-btn-expand {
width: 16px;
height: 18px;
.border-radius(0);
background: transparent;
padding: 0 2px 0;
&:active,
&.active {
.caret {
background-position: @arrow-small-offset-x @arrow-small-offset-y;
}
}
&.btn-collapse {
.caret {
background-position: @arrow-up-small-offset-x @arrow-up-small-offset-y;
}
}
}
} }
.ce-group-content { .ce-group-content {
@ -141,3 +120,22 @@
} }
} }
} }
#ce-btn-expand {
width: 16px;
height: 18px;
.border-radius(0);
background: transparent;
padding: 0 2px 0;
.caret {
background-position: @arrow-small-offset-x @arrow-small-offset-y;
transition: transform .2s;
}
&.btn-collapse {
.caret {
transform: rotate(180deg);
}
}
}