[stylesheets] repaired some components

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

View file

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

View file

@ -75,6 +75,8 @@
//--button-small-active-icon-offset-x: 0;
//--button-big-normal-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
@ -132,3 +134,6 @@
@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-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);

View file

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

View file

@ -70,7 +70,7 @@
.btn-header {
&:hover {
&: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;
cursor: default;
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 {
@ -191,7 +179,7 @@
padding: 0;
&.icon--inverse {
background-position-x: -20px;
background-position-x: @button-header-normal-icon-offset-x;
}
}
@ -300,7 +288,17 @@
position: relative;
&.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 {
&:not(.disabled) {
background-color: rgba(255,255,255,0.2);
background-color: @highlight-header-button-hover;
}
}

View file

@ -73,7 +73,7 @@
height: 100%;
&:hover {
background-color: rgba(255,255,255,0.2);
background-color: @highlight-header-button-hover;
}
&.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);
}
}
}
}

View file

@ -77,39 +77,6 @@
.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
.menu-pageposition {
.dataview {

View file

@ -51,40 +51,6 @@
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 {
line-height: @line-height-base;

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 {
line-height: @line-height-base;