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

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

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

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

@ -2,37 +2,27 @@
.item { .item {
background: transparent; background: transparent;
border-color: transparent; border-color: transparent;
.box-shadow(none); .box-shadow(none);
border-radius: @scaled-one-px-value-ie; border-radius: @scaled-one-px-value-ie;
border-radius: @scaled-one-px-value; border-radius: @scaled-one-px-value;
border-width: calc(2*@scaled-one-px-value-ie) ; border-width: calc(2*@scaled-one-px-value-ie) ;
border-width: calc(@scaled-two-px-value); border-width: calc(@scaled-two-px-value);
&:hover{ &:hover{
border-color: @border-preview-hover-ie; border-color: @border-preview-hover-ie;
border-color: @border-preview-hover; border-color: @border-preview-hover;
} }
&.selected &.selected
{ {
border-color: @border-preview-select-ie; border-color: @border-preview-select-ie;
border-color: @border-preview-select; border-color: @border-preview-select;
} }
.style{ .style{
background: transparent; background: transparent;
} }
.btn {
border: none;
&:hover {
background: transparent;
}
.icon
{
margin-top: -2px;
}
}
} }
.combo-dataview .combo-dataview
@ -42,14 +32,6 @@
&:hover:not(.selected) { &:hover:not(.selected) {
border-color: transparent; border-color: transparent;
} }
.btn{
background: transparent;
cursor: default;
&:active,
&.active {
.icon {opacity: @component-normal-icon-opacity;}
}
}
} }
} }
} }
@ -60,3 +42,22 @@
} }
} }
.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;
}
}