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

Refactoring

Browse source
This commit is contained in:
OVSharova 2021-10-06 02:02:31 +03:00
parent 586e3adc23
commit 901d50cd01
3 changed files with 66 additions and 97 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/common/main/lib/view/Plugins.js
View file

@ -62,7 +62,7 @@ define([
'<div id="current-plugin-box" class="layout-ct vbox hidden">',
'<div id="current-plugin-header">',
'<label></label>',
'<div id="id-plugin-close" class="plugin-close close"></div>',
'<div id="id-plugin-close" class="tool close"></div>',
'</div>',
'<div id="current-plugin-frame" class="">',
'</div>',

43
apps/common/main/resources/less/plugins.less
View file

@ -98,46 +98,15 @@
}
}
.plugin-close {
.tool {
position: absolute;
top: 9px;
right: 7px;
width: 16px;
height: 16px;
cursor: pointer;
&.close {
opacity: 0.8;
&:hover {
opacity: 1;
}
&.disabled {
cursor: default;
}
&:before, &:after {
content: ' ';
position: absolute;
left: 7px;
left: calc(7px / @pixel-ratio-factor);
top: @scaled-one-px-value-ie;
top: @scaled-one-px-value;
height: 14px;
width: 2px;
width: @scaled-two-px-value;
background-color: @icon-normal-ie;
background-color: @icon-normal;
}
&:before {
transform: rotate(45deg);
}
&:after {
transform: rotate(-45deg);
}
}
margin: 0;
/*&:before, &:after {
width: 2px;
width: @scaled-two-px-value;
}*/
}
#current-plugin-frame {
width: 100%;

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

@ -22,6 +22,50 @@
opacity: 0.6;
}
}
.tool {
float: right;
width: 16px;
height: 16px;
cursor: pointer;
overflow: hidden;
padding: 0px;
margin: 4px 3px 0px 0px;
&.close {
position: relative;
opacity: 0.7;
&:hover {
opacity: 1;
}
&.disabled {
cursor: default;
}
&:before, &:after {
content: ' ';
position: absolute;
left: 7px;
left: calc(7px / @pixel-ratio-factor);
top: @scaled-one-px-value-ie;
top: @scaled-one-px-value;
height: 14px;
width: @scaled-one-px-value-ie;
width: @scaled-one-px-value;
background-color: @icon-normal-ie;
background-color: @icon-normal;
}
&:before {
transform: rotate(45deg);
}
&:after {
transform: rotate(-45deg);
}
}
}
.asc-window {
min-height: 50px;
@ -73,71 +117,27 @@
padding-right: 6px;
}
.tool {
float: right;
width: 16px;
height: 16px;
cursor: pointer;
overflow: hidden;
padding: 0px;
margin: 4px 3px 0px 0px;
.tool.help {
width: 20px;
margin-right:0;
line-height: 14px;
font-size: 14px;
font-weight: bold;
color: @text-normal-ie;
color: @text-normal;
opacity: 0.7;
&.close {
position: relative;
opacity: 0.7;
&:hover {
opacity: 1;
}
&.disabled {
cursor: default;
}
&:before, &:after {
content: ' ';
position: absolute;
left: 7px;
left: calc(7px/@pixel-ratio-factor);
top: @scaled-one-px-value-ie;
top: @scaled-one-px-value;
height: 14px;
width: @scaled-one-px-value-ie;
width: @scaled-one-px-value;
background-color: @icon-normal-ie;
background-color: @icon-normal;
}
&:before {
transform: rotate(45deg);
}
&:after {
transform: rotate(-45deg);
}
&:hover {
opacity: 1;
}
&.help {
width: 20px;
margin-right:0;
line-height: 14px;
font-size: 14px;
font-weight: bold;
color: @text-normal-ie;
color: @text-normal;
opacity: 0.7;
&:hover {
opacity: 1;
}
&.disabled {
opacity: @component-disabled-opacity;
cursor: default;
}
&.disabled {
opacity: @component-disabled-opacity;
cursor: default;
}
}
&.resizing {
cursor: inherit !important;
}