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

Change style

Browse source
This commit is contained in:
OVSharova 2021-08-11 02:38:35 +03:00
parent 00e8b9ecd2
commit ec0bc1b27a
2 changed files with 24 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/presentationeditor/main/app/view/Transitions.js
View file

@ -171,8 +171,8 @@ define([
this.listEffects.fieldPicker.itemTemplate = _.template([
'<div class = "style" id = "<%= id %>">',
'<div class = "btn btn-toolbar x-huge icon-top" style = "width: ' + (this.listEffects.itemWidth) + 'px;height: ' + (this.listEffects.itemHeight) + 'px;">',
'<div class = " icon toolbar__icon <%= imageUrl %>"></div>',
'<div class = "btn_item x-huge " style = "width: ' + (this.listEffects.itemWidth) + 'px;height: ' + (this.listEffects.itemHeight) + 'px;">',
'<div class = " icon toolbar__icon <%= imageUrl %>"></div>',
'<div class = "caption"><%= title %></div>',
'</div>',
'</div>'

43
apps/presentationeditor/main/resources/less/transitions.less
View file

@ -2,37 +2,27 @@
.item {
background: transparent;
border-color: transparent;
.box-shadow(none);
border-radius: @scaled-one-px-value-ie;
border-radius: @scaled-one-px-value;
border-width: calc(2*@scaled-one-px-value-ie) ;
border-width: calc(@scaled-two-px-value);
&:hover{
border-color: @border-preview-hover-ie;
border-color: @border-preview-hover;
}
&.selected
{
border-color: @border-preview-select-ie;
border-color: @border-preview-select;
}
.style{
background: transparent;
}
.btn {
border: none;
&:hover {
background: transparent;
}
.icon
{
margin-top: -2px;
}
}
}
.combo-dataview
@ -42,14 +32,6 @@
&:hover:not(.selected) {
border-color: transparent;
}
.btn{
background: transparent;
cursor: default;
&:active,
&.active {
.icon {opacity: @component-normal-icon-opacity;}
}
}
}
}
}
@ -59,4 +41,23 @@
margin-left: 10px;
}
}
.btn_item {
color: @text-normal-ie;
color: @text-normal;
display: inline-flex;
flex-direction: column;
align-items: center;
.icon:not(svg) {
width: @x-huge-btn-icon-size;
height: @x-huge-btn-icon-size;
min-width: 0;
margin-top: -2px;
}
.caption{
line-height: 18px;
font-size: 11px;
}
}