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

[stylesheets] repaired some components

Browse source
This commit is contained in:
Maxim Kadushkin 2020-12-26 17:44:36 +03:00
parent e046e3b57e
commit c81778a5a6
8 changed files with 62 additions and 119 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -43,6 +43,7 @@
&:focus { &:focus {
outline: 0; outline: 0;
outline-offset: 0; outline-offset: 0;
color: @text-normal;
} }
&:hover { &:hover {
@ -557,7 +558,7 @@
float: left; float: left;
width: 100%; width: 100%;
height: 100%; height: 100%;
border: 1px solid @border-control-focus; border: 1px solid @border-color-shading;
background-color: transparent; background-color: transparent;
} }
@ -849,6 +850,7 @@
&.primary { &.primary {
color: @text-inverse; color: @text-inverse;
background-color: @background-primary-dialog-button; background-color: @background-primary-dialog-button;
border: 0 none;
&:hover:not(.disabled), &:hover:not(.disabled),
&.hover:not(.disabled) { &.hover:not(.disabled) {

5
apps/common/main/resources/less/colors-table.less
View file

@ -75,6 +75,8 @@
//--button-small-active-icon-offset-x: 0; //--button-small-active-icon-offset-x: 0;
//--button-big-normal-icon-offset-x: 0; //--button-big-normal-icon-offset-x: 0;
//--button-big-active-icon-offset-x: 0; //--button-big-active-icon-offset-x: 0;
--button-header-normal-icon-offset-x: -20px;
--button-header-active-icon-offset-x: -20px;
} }
// Background // Background
@ -132,3 +134,6 @@
@button-small-active-icon-offset-x: var(--button-small-active-icon-offset-x,0); @button-small-active-icon-offset-x: var(--button-small-active-icon-offset-x,0);
@button-big-normal-icon-offset-x: var(--button-big-normal-icon-offset-x, 0); @button-big-normal-icon-offset-x: var(--button-big-normal-icon-offset-x, 0);
@button-big-active-icon-offset-x: var(--button-big-active-icon-offset-x, 0); @button-big-active-icon-offset-x: var(--button-big-active-icon-offset-x, 0);
@button-header-normal-icon-offset-x: var(--button-header-normal-icon-offset-x, -20px);
@button-header-active-icon-offset-x: var(--button-header-active-icon-offset-x, -20px);

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

@ -43,3 +43,8 @@ label {
color: @text-normal; color: @text-normal;
} }
} }
textarea {
background-color: @background-normal;
color: @text-normal
}

30
apps/common/main/resources/less/header.less
View file

@ -70,7 +70,7 @@
.btn-header { .btn-header {
&:hover { &:hover {
&:not(.disabled):not(.icon) { &:not(.disabled):not(.icon) {
background-color: rgba(255,255,255,0.2); background-color: @highlight-header-button-hover;
} }
} }
@ -103,18 +103,6 @@
border: 0 none; border: 0 none;
cursor: default; cursor: default;
line-height: 32px; line-height: 32px;
//&:hover:not(:disabled) {
// border: 1px solid @gray-dark;
// background-color: rgba(255,255,255,0.2);
//}
//
//&:focus:not(:active) {
// border: 1px solid @gray-dark;
// cursor: text;
// background-color: white;
// color: @gray-deep;
//}
} }
#rib-save-status { #rib-save-status {
@ -191,7 +179,7 @@
padding: 0; padding: 0;
&.icon--inverse { &.icon--inverse {
background-position-x: -20px; background-position-x: @button-header-normal-icon-offset-x;
} }
} }
@ -300,7 +288,17 @@
position: relative; position: relative;
&.icon--inverse { &.icon--inverse {
background-position-x: -20px; background-position-x: @button-header-normal-icon-offset-x;
}
}
.btn& {
&:active {
.icon.toolbar__icon {
&.icon--inverse {
background-position-x: @button-header-active-icon-offset-x;
}
}
} }
} }
@ -323,7 +321,7 @@
&:hover { &:hover {
&:not(.disabled) { &:not(.disabled) {
background-color: rgba(255,255,255,0.2); background-color: @highlight-header-button-hover;
} }
} }

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

@ -73,7 +73,7 @@
height: 100%; height: 100%;
&:hover { &:hover {
background-color: rgba(255,255,255,0.2); background-color: @highlight-header-button-hover;
} }
&.active { &.active {
@ -527,3 +527,37 @@
} }
} }
.color-schemas-menu {
span {
&.colors {
display: inline-block;
margin-right: 15px;
}
&.color {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 2px;
border: 1px solid @border-color-shading;
vertical-align: middle;
}
&.text {
vertical-align: middle;
}
}
&.checked {
&:before {
display: none !important;
}
&, &:hover, &:focus {
background-color: @highlight-button-pressed;
color: @dropdown-link-active-color;
span.color {
border-color: rgba(255,255,255,0.7);
}
}
}
}

33
apps/documenteditor/main/resources/less/toolbar.less
View file

@ -77,39 +77,6 @@
.loop(2); .loop(2);
} }
.color-schemas-menu {
span {
&.colors {
display: inline-block;
margin-right: 15px;
}
&.color {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 2px;
border: 1px solid rgba(0, 0, 0, 0.2);
vertical-align: middle;
}
&.text {
vertical-align: middle;
}
}
&.checked {
&:before {
display: none !important;
}
&, &:hover, &:focus {
background-color: @highlight-button-pressed;
color: @dropdown-link-active-color;
span.color {
border-color: rgba(255,255,255,0.7);
}
}
}
}
// page number position // page number position
.menu-pageposition { .menu-pageposition {
.dataview { .dataview {

34
apps/presentationeditor/main/resources/less/toolbar.less
View file

@ -51,40 +51,6 @@
height: 38px; height: 38px;
} }
.color-schemas-menu {
span {
&.colors {
display: inline-block;
margin-right: 15px;
}
&.color {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 2px;
border: 1px solid rgba(0, 0, 0, 0.2);
vertical-align: middle;
}
&.text {
vertical-align: middle;
}
}
&.checked {
&:before {
display: none !important;
}
&, &:hover, &:focus {
background-color: @highlight-button-pressed;
color: @dropdown-link-active-color;
span.color {
border-color: rgba(255,255,255,0.7);
}
}
}
}
// menu zoom // menu zoom
.menu-zoom { .menu-zoom {
line-height: @line-height-base; line-height: @line-height-base;

34
apps/spreadsheeteditor/main/resources/less/toolbar.less
View file

@ -39,40 +39,6 @@
} }
} }
.color-schemas-menu {
span {
&.colors {
display: inline-block;
margin-right: 15px;
}
&.color {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 2px;
border: 1px solid rgba(0, 0, 0, 0.2);
vertical-align: middle;
}
&.text {
vertical-align: middle;
}
}
&.checked {
&:before {
display: none !important;
}
&, &:hover, &:focus {
background-color: @highlight-button-pressed;
color: @dropdown-link-active-color;
span.color {
border-color: rgba(255,255,255,0.7);
}
}
}
}
// menu zoom // menu zoom
.menu-zoom { .menu-zoom {
line-height: @line-height-base; line-height: @line-height-base;