[SSE, PE] changed @gray-dark to @border-toolbar

This commit is contained in:
Maxim Kadushkin 2020-11-17 15:04:42 +03:00
parent 3d44274c2c
commit 8ea4360f6e
10 changed files with 42 additions and 40 deletions

View file

@ -9,6 +9,7 @@
// Bootstrap overwrite // Bootstrap overwrite
@import "../../../../common/main/resources/less/variables.less"; @import "../../../../common/main/resources/less/variables.less";
@import "../../../../common/main/resources/less/colors-table.less";
// //
// Bootstrap // Bootstrap

View file

@ -6,7 +6,7 @@
overflow: hidden; overflow: hidden;
.tool-menu-btns { .tool-menu-btns {
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
} }
} }
} }
@ -17,8 +17,8 @@
border-right: 0 none; border-right: 0 none;
&.move { &.move {
border-left: 1px solid @gray-dark; border-left: 1px solid @border-toolbar;
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
opacity: 0.4; opacity: 0.4;
} }
} }
@ -39,7 +39,7 @@
.left-panel { .left-panel {
padding-left: 40px; padding-left: 40px;
height: 100%; height: 100%;
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
#left-panel-chat { #left-panel-chat {
height: 100%; height: 100%;
@ -91,7 +91,7 @@
.panel-menu { .panel-menu {
width: 260px; width: 260px;
float: left; float: left;
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @gray-light;
li { li {
@ -354,7 +354,7 @@
} }
.dataview { .dataview {
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
& > div:not([class^=ps-scrollbar]) { & > div:not([class^=ps-scrollbar]) {
display: block; display: block;

View file

@ -2,7 +2,7 @@
.tool-menu.right { .tool-menu.right {
.tool-menu-btns { .tool-menu-btns {
position: absolute; position: absolute;
border-left: 1px solid @gray-dark; border-left: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @gray-light;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
@ -16,7 +16,7 @@
padding: 0 10px 0 15px; padding: 0 10px 0 15px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
border-left: 1px solid @gray-dark; border-left: 1px solid @border-toolbar;
line-height: 15px; line-height: 15px;
} }
@ -70,7 +70,7 @@
width: 100%; width: 100%;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid @gray-dark; border: 1px solid @border-toolbar;
height: 100%; height: 100%;
&.disabled { &.disabled {

View file

@ -3,7 +3,7 @@
padding: 2px; padding: 2px;
height: 25px; height: 25px;
background-color: @gray-light; background-color: @gray-light;
.box-inner-shadow(0 1px 0 @gray-dark); .box-inner-shadow(0 1px 0 @border-toolbar);
.status-label { .status-label {
font-weight: bold; font-weight: bold;
@ -173,7 +173,7 @@
height: 12px; height: 12px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 1px solid @gray-dark; border: 1px solid @border-toolbar;
} }
.name { .name {

View file

@ -9,6 +9,7 @@
// Bootstrap overwrite // Bootstrap overwrite
@import "../../../../common/main/resources/less/variables.less"; @import "../../../../common/main/resources/less/variables.less";
@import "../../../../common/main/resources/less/colors-table.less";
// //
// Bootstrap // Bootstrap

View file

@ -1,13 +1,13 @@
#cell-editing-box { #cell-editing-box {
border-bottom: solid 1px @gray-dark; border-bottom: solid 1px @border-toolbar;
border-left: solid 1px @gray-dark; border-left: solid 1px @border-toolbar;
min-height: 20px; min-height: 20px;
background-color: #fff; background-color: #fff;
.ce-group-name { .ce-group-name {
float: left; float: left;
height: 20px; height: 20px;
border-bottom: 1px solid @gray-dark; border-bottom: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @gray-light;
#ce-cell-name { #ce-cell-name {
@ -17,7 +17,7 @@
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
border: 0 none; border: 0 none;
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
transition: none; transition: none;
-webkit-transition: none; -webkit-transition: none;
@ -75,7 +75,7 @@
padding-left: 1px; padding-left: 1px;
margin: 0 16px 0 120px; margin: 0 16px 0 120px;
height: 100%; height: 100%;
border-left: 1px solid @gray-dark; border-left: 1px solid @border-toolbar;
#ce-cell-content { #ce-cell-content {
height: 100%; height: 100%;
@ -102,8 +102,8 @@
border-bottom: 0 none; border-bottom: 0 none;
&.move { &.move {
border-top: 1px solid @gray-dark; border-top: 1px solid @border-toolbar;
border-bottom: 1px solid @gray-dark; border-bottom: 1px solid @border-toolbar;
opacity: 0.4; opacity: 0.4;
} }
} }

View file

@ -52,8 +52,8 @@ label {
} }
#editor_sdk { #editor_sdk {
border-top: 1px solid @gray-dark; border-top: 1px solid @border-toolbar;
border-left: 1px solid @gray-dark; border-left: 1px solid @border-toolbar;
} }
.layout-resizer { .layout-resizer {

View file

@ -6,7 +6,7 @@
overflow: hidden; overflow: hidden;
.tool-menu-btns { .tool-menu-btns {
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
} }
} }
} }
@ -17,8 +17,8 @@
border-right: 0 none; border-right: 0 none;
&.move { &.move {
border-left: 1px solid @gray-dark; border-left: 1px solid @border-toolbar;
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
opacity: 0.4; opacity: 0.4;
} }
} }
@ -39,7 +39,7 @@
.left-panel { .left-panel {
padding-left: 40px; padding-left: 40px;
height: 100%; height: 100%;
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
#left-panel-chat { #left-panel-chat {
height: 100%; height: 100%;
@ -91,7 +91,7 @@
.panel-menu { .panel-menu {
width: 260px; width: 260px;
float: left; float: left;
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @gray-light;
li { li {
@ -209,7 +209,7 @@
#id-settings-menu { #id-settings-menu {
.dataview { .dataview {
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
& > div:not([class^=ps-scrollbar]) { & > div:not([class^=ps-scrollbar]) {
display: block; display: block;
@ -418,7 +418,7 @@
} }
.dataview { .dataview {
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
& > div:not([class^=ps-scrollbar]) { & > div:not([class^=ps-scrollbar]) {
display: block; display: block;

View file

@ -2,7 +2,7 @@
.tool-menu.right { .tool-menu.right {
.tool-menu-btns { .tool-menu-btns {
position: absolute; position: absolute;
border-left: 1px solid @gray-dark; border-left: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @gray-light;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
@ -16,7 +16,7 @@
padding: 0 10px 0 15px; padding: 0 10px 0 15px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
border-left: 1px solid @gray-dark; border-left: 1px solid @border-toolbar;
line-height: 15px; line-height: 15px;
} }
@ -70,7 +70,7 @@
width: 100%; width: 100%;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid @gray-dark; border: 1px solid @border-toolbar;
height: 100%; height: 100%;
&.disabled { &.disabled {

View file

@ -2,7 +2,7 @@
padding: 0 2px 0; padding: 0 2px 0;
height: 25px; height: 25px;
background-color: @gray-light; background-color: @gray-light;
.box-inner-shadow(0 1px 0 @gray-dark); .box-inner-shadow(0 1px 0 @border-toolbar);
z-index: 500; z-index: 500;
#status-tabs-scroll { #status-tabs-scroll {
@ -96,7 +96,7 @@
height: 12px; height: 12px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 1px solid @gray-dark; border: 1px solid @border-toolbar;
} }
.name { .name {
@ -114,8 +114,8 @@
#status-addtabs-box { #status-addtabs-box {
float: left; float: left;
padding: 3px 8px 0 8px; padding: 3px 8px 0 8px;
border-left: 1px solid @gray-dark; border-left: 1px solid @border-toolbar;
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
height: 25px; height: 25px;
} }
@ -180,13 +180,13 @@
margin-right: -1px; margin-right: -1px;
background-color: @gray-light; background-color: @gray-light;
outline: none; outline: none;
border-left: 1px solid @gray-dark; border-left: 1px solid @border-toolbar;
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
border-top: 1px solid @gray-dark; border-top: 1px solid @border-toolbar;
&:hover { &:hover {
border-top-color: @gray-dark; border-top-color: @border-toolbar;
border-bottom-color: @gray-dark; border-bottom-color: @border-toolbar;
color: @black !important; color: @black !important;
} }
} }
@ -278,7 +278,7 @@
&.right { &.right {
> span { > span {
border-left: 1px solid @gray-dark; border-left: 1px solid @border-toolbar;
border-right: 2px solid @gray-deep; border-right: 2px solid @gray-deep;
padding-right: 9px; padding-right: 9px;
padding-left: 10px; padding-left: 10px;