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

[scaling] repaired some elements

Browse source
This commit is contained in:
Maxim Kadushkin 2021-01-22 00:18:15 +03:00
parent 4412524e82
commit 8e81a7b0e1
14 changed files with 127 additions and 272 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -363,6 +363,10 @@
width: 14px;
height: 3px;
background-color: red;
.pixel-ratio__1_5 & {
height: 4px;
}
}
}
@ -547,17 +551,15 @@
.btn-color {
width: 45px;
height: 22px;
padding: 1px 11px 1px 1px;
//border:1px solid @input-border;
.adaptive-solid-border(1px, @input-border);
padding: @scaled-one-px-value 11px @scaled-one-px-value @scaled-one-px-value;
border:@scaled-one-px-value solid @input-border;
.border-radius(@border-radius-small);
span:nth-child(1) {
float: left;
width: 100%;
height: 100%;
//border: 1px solid rgba(0, 0, 0, 0.2);
.adaptive-solid-border(1px, rgba(0, 0, 0, 0.2));
border: @scaled-one-px-value solid rgba(0, 0, 0, 0.2);
background-color: transparent;
}
@ -640,8 +642,7 @@
width: 75px;
height: 22px;
background: @input-bg;
//border: 1px solid @input-border;
.adaptive-solid-border(1px, @input-border);
border: @scaled-one-px-value solid @input-border;
.border-radius(@border-radius-small);
&.auto {
@ -672,7 +673,7 @@
width: 100%;
height: 22px;
background: @input-bg;
border: 1px solid @input-border;
border: @scaled-one-px-value solid @input-border;
.border-radius(@border-radius-small);
button {
@ -706,7 +707,7 @@
width: 75px;
height: 22px;
background: @input-bg;
border: 1px solid @input-border;
border: @scaled-one-px-value solid @input-border;
.border-radius(@border-radius-small);
&.dropdown-toggle {
@ -739,7 +740,7 @@
width: 45px;
height: 22px;
background: @input-bg;
border: 1px solid @input-border;
border: @scaled-one-px-value solid @input-border;
.border-radius(@border-radius-small);
.icon {
@ -779,7 +780,7 @@
margin:0;
box-shadow: none;
background-color: @input-bg;
border: 1px solid @input-border;
border: @scaled-one-px-value solid @input-border;
.border-radius(@border-radius-small);
&.template-table {
@ -804,7 +805,7 @@
margin-right: 3px;
background-color: transparent;
background-repeat: no-repeat;
border: 1px solid @input-border;
border: @scaled-one-px-value solid @input-border;
position: relative;
}

6
apps/common/main/resources/less/checkbox.less
View file

@ -13,8 +13,7 @@
width: 14px;
height: 14px;
background: #fff;
//border: 1px solid @gray;
.adaptive-solid-border(1px, @gray);
border: @scaled-one-px-value solid @gray;
border-radius: 2px;
position: absolute;
left: 0;
@ -43,8 +42,7 @@
&::before {
content: '';
position: absolute;
//border: 1px solid @gray-deep;
.adaptive-solid-border(1px, @gray-deep);
border: @scaled-one-px-value solid @gray-deep;
background: @gray-soft;
width: 8px;
height: 8px;

18
apps/common/main/resources/less/comments.less
View file

@ -14,7 +14,7 @@
right: 0;
bottom: 45px;
height: 300px;
border-bottom: 1px solid @gray-dark;
border-bottom: @scaled-one-px-value solid @gray-dark;
&.stretch {
border-bottom: none;
@ -35,7 +35,7 @@
color: @black;
font: 12px arial;
line-height: normal;
border-bottom: 1px dotted @black;
border-bottom: @scaled-one-px-value dotted @black;
padding-top: 12px;
outline: none;
height: 29px;
@ -58,7 +58,7 @@
width: 100%;
resize: none;
margin-bottom: 5px;
border: 1px solid @gray-dark;
border: @scaled-one-px-value solid @gray-dark;
height: 100%;
&:focus {
border-color: @gray-darker;
@ -90,7 +90,7 @@
height: 50px;
resize: none;
margin-bottom: 5px;
border: 1px solid @gray-dark;
border: @scaled-one-px-value solid @gray-dark;
word-break: break-all;
line-height: 15px;
color: @gray-deep;
@ -109,7 +109,7 @@
}
.separator-cmt {
border-bottom: 1px solid @gray-dark;
border-bottom: @scaled-one-px-value solid @gray-dark;
margin: 20px 0px 0px 0px;
}
@ -133,7 +133,7 @@
.color {
width: 12px;
height: 12px;
border: 1px solid @gray-dark;
border: @scaled-one-px-value solid @gray-dark;
margin: 0 5px 3px 0;
vertical-align: middle;
}
@ -170,7 +170,7 @@
font-style: italic;
margin-top: 10px;
padding: 0px 5px 5px 5px;
border-left: 1px solid #939393;
border-left: @scaled-one-px-value solid #939393;
word-break: break-all;
white-space: pre-wrap;
cursor: pointer;
@ -204,7 +204,7 @@
margin-top: 10px;
white-space: pre-wrap;
width: auto;
border-bottom: 1px dotted @black;
border-bottom: @scaled-one-px-value dotted @black;
height: 16px;
cursor: pointer;
}
@ -408,6 +408,6 @@
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border: solid 1px @gray-dark;
border: solid @scaled-one-px-value @gray-dark;
}
}

84
apps/common/main/resources/less/common.less
View file

@ -1,6 +1,6 @@
label {
&.link {
border-bottom: 1px dotted #aaa;
border-bottom: @scaled-one-px-value dotted #aaa;
cursor: pointer;
&.disabled {
@ -108,4 +108,86 @@ label {
color: @gray-deep;
white-space: nowrap;
}
}
#file-menu-panel {
> div {
height: 100%;
}
.panel-menu {
width: 260px;
float: left;
border-right: @scaled-one-px-value solid @gray-dark;
background-color: @gray-light;
}
.flex-settings {
&.bordered {
border-bottom: @scaled-one-px-value solid @gray;
}
overflow: hidden;
position: relative;
}
}
.settings-panel {
display: none;
overflow: visible;
margin-top: 7px;
& > table {
width: 100%;
}
&.active {
display: block;
}
.padding-small {
padding-bottom: 8px;
}
.padding-large {
padding-bottom: 16px;
}
.finish-cell {
height: 15px;
}
label {
.font-size-normal();
font-weight: normal;
&.input-label{
margin-bottom: 0;
vertical-align: middle;
}
&.header {
font-weight: bold;
}
}
.separator { width: 100%;}
.settings-hidden {
display: none;
}
textarea {
.user-select(text);
width: 100%;
resize: none;
margin-bottom: 5px;
border: @scaled-one-px-value solid @gray-dark;
height: 100%;
&.disabled {
opacity: 0.65;
cursor: default !important;
}
}
}

6
apps/common/main/resources/less/dataview.less
View file

@ -22,8 +22,7 @@
margin: 4px;
cursor: pointer;
.get-scaled-value(1px);
.box-shadow(0 0 0 @scaledvalue @gray);
.box-shadow(0 0 0 @scaled-one-px-value @gray);
&:hover,
&.selected {
@ -60,8 +59,7 @@
opacity: 0.5;
}
.get-scaled-value(1px);
.box-shadow(0 0 0 @scaledvalue @gray);
.box-shadow(0 0 0 @scaled-one-px-value @gray);
&:hover:not(.disabled),
&.selected:not(.disabled) {

22
apps/common/main/resources/less/multislider-gradient.less
View file

@ -18,13 +18,13 @@
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-top: solid 1px @gray-darker;
border-left: solid 1px @gray-darker;
border-top: solid @scaled-one-px-value @gray-darker;
border-left: solid @scaled-one-px-value @gray-darker;
border-radius: 0 3px;
box-sizing: content-box;
.thumb-top-inner {
border-top: solid 1px #fff;
border-left: solid 1px #fff;
border-top: solid @scaled-one-px-value #fff;
border-left: solid @scaled-one-px-value #fff;
height: 100%;
}
}
@ -36,12 +36,12 @@
width: 10px;
height: 9px;
background-color: #ffffff;
border: solid 1px @gray-darker;
border: solid @scaled-one-px-value @gray-darker;
border-top: none;
border-radius: 2px;
box-sizing: content-box;
.thumb-bottom-inner {
border: solid 1px #fff;
border: solid @scaled-one-px-value #fff;
border-top: none;
height: 100%;
}
@ -49,11 +49,11 @@
&.active {
.thumb-top {
border-top: solid 1px #000;
border-left: solid 1px #000;
border-top: solid @scaled-one-px-value #000;
border-left: solid @scaled-one-px-value #000;
}
.thumb-bottom {
border: solid 1px #000;
border: solid @scaled-one-px-value #000;
border-top: none;
}
}
@ -80,8 +80,8 @@
// filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
background-position: 0 0;
outline: 1px solid rgba(162, 162, 162, 1);
border: 1px solid #FFFFFF;
outline: @scaled-one-px-value solid rgba(162, 162, 162, 1);
border: @scaled-one-px-value solid #FFFFFF;
cursor: copy;
}
}

2
apps/common/main/resources/less/radiobox.less
View file

@ -19,7 +19,7 @@
height: 14px;
background: #fff;
border: 1px solid @gray;
border: @scaled-one-px-value solid @gray;
border-radius: 50%;
}

2
apps/common/main/resources/less/toolbar.less
View file

@ -469,7 +469,7 @@
background-color: #fff;
&:not(:active) {
box-shadow: inset 0 0 0 1px #cbcbcb;
box-shadow: inset 0 0 0 @scaled-one-px-value #cbcbcb;
}
&, .icon {

20
apps/documenteditor/main/resources/less/filemenu.less
View file

@ -1,16 +1,6 @@
#file-menu-panel {
> div {
height: 100%;
}
.panel-menu {
width: 260px;
float: left;
//border-right: 1px solid @gray-dark;
.adaptive-solid-border(1px, @gray-dark, right);
background-color: @gray-light;
li {
list-style: none;
position: relative;
@ -121,16 +111,6 @@
}
}
.flex-settings {
#file-menu-panel & {
&.bordered {
border-bottom: 1px solid @gray;
}
overflow: hidden;
position: relative;
}
}
#panel-settings,
#panel-info {
#file-menu-panel & {

62
apps/documenteditor/main/resources/less/rightmenu.less
View file

@ -1,69 +1,11 @@
.settings-panel {
display: none;
overflow: visible;
margin-top: 7px;
& > table {
width: 100%;
}
&.active {
display: block;
}
.padding-extra-small {
padding-bottom: 2px;
}
.padding-small {
padding-bottom: 8px;
}
.padding-medium {
padding-bottom: 12px;
}
.padding-large {
padding-bottom: 16px;
}
.finish-cell {
height: 15px;
}
label {
.font-size-normal();
font-weight: normal;
&.input-label{
margin-bottom: 0;
vertical-align: middle;
}
&.header {
font-weight: bold;
}
}
.separator { width: 100%;}
.settings-hidden {
display: none;
}
textarea {
.user-select(text);
width: 100%;
resize: none;
margin-bottom: 5px;
border: 1px solid @gray-dark;
height: 100%;
&.disabled {
opacity: 0.65;
cursor: default !important;
}
.padding-extra-small {
padding-bottom: 2px;
}
}
.right-panel .settings-panel {

17
apps/presentationeditor/main/resources/less/leftmenu.less
View file

@ -47,16 +47,7 @@
}
#file-menu-panel {
> div {
height: 100%;
}
.panel-menu {
width: 260px;
float: left;
border-right: 1px solid @gray-dark;
background-color: @gray-light;
li {
list-style: none;
position: relative;
@ -152,14 +143,6 @@
}
}
.flex-settings {
&.bordered {
border-bottom: 1px solid @gray;
}
overflow: hidden;
position: relative;
}
#panel-settings,
#panel-info {
padding: 0;

58
apps/presentationeditor/main/resources/less/rightmenu.less
View file

@ -1,63 +1,7 @@
.settings-panel {
display: none;
overflow: visible;
margin-top: 7px;
& > table {
width: 100%;
}
&.active {
display: block;
}
.padding-small {
padding-bottom: 8px;
}
.padding-large {
padding-bottom: 16px;
}
.finish-cell {
height: 15px;
}
label {
.font-size-normal();
font-weight: normal;
&.input-label{
margin-bottom: 0;
vertical-align: middle;
}
&.header {
font-weight: bold;
}
}
.separator { width: 100%;}
.settings-hidden {
display: none;
}
textarea {
.user-select(text);
width: 100%;
resize: none;
margin-bottom: 5px;
border: 1px solid @gray-dark;
height: 100%;
&.disabled {
opacity: 0.65;
cursor: default !important;
}
}
}
.right-panel .settings-panel {
label.input-label{
vertical-align: baseline;

19
apps/spreadsheeteditor/main/resources/less/leftmenu.less
View file

@ -47,16 +47,7 @@
}
#file-menu-panel {
> div {
height: 100%;
}
.panel-menu {
width: 260px;
float: left;
border-right: 1px solid @gray-dark;
background-color: @gray-light;
li {
list-style: none;
position: relative;
@ -142,14 +133,6 @@
}
}
.flex-settings {
&.bordered {
border-bottom: 1px solid @gray;
}
overflow: hidden;
position: relative;
}
#panel-settings-general,
#panel-settings-print {
& > div {
@ -172,7 +155,7 @@
#id-settings-menu {
.dataview {
border-right: 1px solid @gray-dark;
border-right: @scaled-one-px-value solid @gray-dark;
& > div:not([class^=ps-scrollbar]) {
display: block;

58
apps/spreadsheeteditor/main/resources/less/rightmenu.less
View file

@ -1,63 +1,7 @@
.settings-panel {
display: none;
overflow: visible;
margin-top: 7px;
& > table {
width: 100%;
}
&.active {
display: block;
}
.padding-small {
padding-bottom: 8px;
}
.padding-large {
padding-bottom: 16px;
}
.finish-cell {
height: 15px;
}
label {
.font-size-normal();
font-weight: normal;
&.input-label{
margin-bottom: 0;
vertical-align: middle;
}
&.header {
font-weight: bold;
}
}
.separator { width: 100%;}
.settings-hidden {
display: none;
}
textarea {
.user-select(text);
width: 100%;
resize: none;
margin-bottom: 5px;
border: 1px solid @gray-dark;
height: 100%;
&.disabled {
opacity: 0.65;
cursor: default !important;
}
}
}
.right-panel .settings-panel {
label.input-label{
vertical-align: baseline;