mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-04-07 14:06:16 +08:00
Refactoring
This commit is contained in:
OVSharova
56
test/spreadsheeteditor/main/resources/less/application.less
Normal file
56
test/spreadsheeteditor/main/resources/less/application.less
Normal file
@ -0,0 +1,56 @@
|
||||
// Common styles
|
||||
@import "../../../../common/main/resources/less/common.less";
|
||||
|
||||
// Worksheets
|
||||
// -------------------------
|
||||
.viewer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.sdk-view {
|
||||
position: relative;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
ul.worksheet-list {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
margin: 0;
|
||||
padding: 0 9px;
|
||||
border-top: 1px solid #5A5A5A;
|
||||
border-bottom: 1px solid #BABABA;
|
||||
#gradient > .vertical(#B6B6B6, #CACACA);
|
||||
box-shadow: 0 4px 4px -4px #333 inset;
|
||||
|
||||
|
||||
li {
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
margin: 0 2px 2px 3px;
|
||||
padding: 0 13px;
|
||||
color: #FFFFFF;
|
||||
#gradient > .vertical(#9A9A9A, #828282);
|
||||
box-shadow: 0 4px 4px -4px #333 inset;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
// -moz-border-radius-bottomright: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
// -moz-border-radius-bottomleft: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
|
||||
border-bottom: 1px solid #929292;
|
||||
border-top-color: transparent;
|
||||
|
||||
&.active {
|
||||
margin-top: -1px;
|
||||
padding: 0 12px;
|
||||
border: 1px solid #929292;
|
||||
border-top-color: transparent;
|
||||
background: #DDDDDD;
|
||||
color: #000;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
168
test/spreadsheeteditor/main/resources/less/celleditor.less
Normal file
168
test/spreadsheeteditor/main/resources/less/celleditor.less
Normal file
@ -0,0 +1,168 @@
|
||||
// Common styles
|
||||
@import "../../../../common/main/resources/less/colors-table-ie-fix.less";
|
||||
@import "../../../../common/main/resources/less/variables.less";
|
||||
@import "../../../../common/main/resources/less/colors-table.less";
|
||||
@import "../../../../common/main/resources/less/asc-mixins.less";
|
||||
@import "../../../../common/main/resources/less/buttons.less";
|
||||
#cell-editing-box {
|
||||
border-bottom: solid @scaled-one-px-value-ie @border-toolbar-ie;
|
||||
border-bottom: solid @scaled-one-px-value @border-toolbar;
|
||||
border-left: solid @scaled-one-px-value-ie @border-toolbar-ie;
|
||||
border-left: solid @scaled-one-px-value @border-toolbar;
|
||||
min-height: 20px;
|
||||
background-color: @background-toolbar-ie;
|
||||
background-color: @background-toolbar;
|
||||
|
||||
.ce-group-name {
|
||||
float: left;
|
||||
height: 20px;
|
||||
background-color: @background-toolbar-ie;
|
||||
background-color: @background-toolbar;
|
||||
|
||||
#ce-cell-name {
|
||||
width: 100px;
|
||||
height: 19px;
|
||||
//height: calc(19px + (1px - 1px/var(--pixel-ratio-factor,1)));
|
||||
padding: 0px 19px 0 4px;
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
border: 0 none;
|
||||
border-right: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-right: @scaled-one-px-value solid @border-toolbar;
|
||||
transition: none;
|
||||
-webkit-transition: none;
|
||||
box-shadow: 0 @scaled-one-px-value-ie 0 0 @border-toolbar-ie;
|
||||
box-shadow: 0 @scaled-one-px-value 0 0 @border-toolbar;
|
||||
|
||||
&[disabled] {
|
||||
color: @border-preview-select-ie;
|
||||
color: @border-preview-select;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
#ce-cell-name-menu {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 80px;
|
||||
background-color: @background-toolbar-ie;
|
||||
background-color: @background-toolbar;
|
||||
|
||||
button {
|
||||
background-color: @background-normal-ie;
|
||||
background-color: @background-normal;
|
||||
height: 19px;
|
||||
|
||||
&.disabled {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
&:active:not(.disabled),
|
||||
&.active:not(.disabled){
|
||||
.caret {
|
||||
border-color: @icon-normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu a {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
#ce-func-label {
|
||||
height: 20px;
|
||||
margin-left: -3px;
|
||||
.border-radius(0);
|
||||
|
||||
&.disabled {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.expanded) {
|
||||
#ce-func-label {
|
||||
border-bottom: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-bottom: @scaled-one-px-value solid @border-toolbar;
|
||||
}
|
||||
}
|
||||
|
||||
.ce-group-expand {
|
||||
float: right;
|
||||
//height: 20px;
|
||||
height: 100%;
|
||||
background-color: @background-normal-ie;
|
||||
background-color: @background-normal;
|
||||
}
|
||||
|
||||
.ce-group-content {
|
||||
margin: 0 2px 0 120px;
|
||||
height: 100%;
|
||||
border-left: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-left: @scaled-one-px-value solid @border-toolbar;
|
||||
#ce-cell-content {
|
||||
height: 100%;
|
||||
resize: none;
|
||||
min-height: 19px;
|
||||
border: 0 none;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
&[disabled] {
|
||||
color: @border-preview-select-ie;
|
||||
color: @border-preview-select;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#ce-cell-name, #ce-cell-content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&+.layout-resizer {
|
||||
border-top: 0 none;
|
||||
border-bottom: 0 none;
|
||||
|
||||
&.move {
|
||||
border-top: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-top: @scaled-one-px-value solid @border-toolbar;
|
||||
border-bottom: @scaled-one-px-value-ie solid @border-toolbar-ie;
|
||||
border-bottom: @scaled-one-px-value solid @border-toolbar;
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#ce-btn-expand {
|
||||
width: 16px;
|
||||
height: 18px;
|
||||
.border-radius(0);
|
||||
background: transparent;
|
||||
padding: 0 2px 0;
|
||||
|
||||
.caret {
|
||||
transition: transform .2s;
|
||||
border-color: @icon-normal;
|
||||
}
|
||||
|
||||
&.btn-collapse {
|
||||
.caret {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.layout-resizer {
|
||||
z-index: @zindex-dropdown - 10;
|
||||
background: @background-toolbar-ie;
|
||||
background: @background-toolbar;
|
||||
border: 0 none;
|
||||
|
||||
&.move {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user