web-apps/apps/common/main/resources/less/input.less
Maxim Kadushkin 5b57ee760b Merge branch 'develop' into feature/colors-table
# Conflicts:
#	apps/common/main/resources/less/loadmask.less
#	apps/documenteditor/main/app/controller/Main.js
#	apps/documenteditor/main/app/view/FileMenuPanels.js
#	apps/documenteditor/main/resources/less/toolbar.less
#	apps/presentationeditor/main/app/controller/Main.js
#	apps/presentationeditor/main/app/controller/RightMenu.js
#	apps/presentationeditor/main/app/view/FileMenuPanels.js
#	apps/presentationeditor/main/app/view/SlideSettings.js
#	apps/spreadsheeteditor/main/app/controller/Main.js
#	apps/spreadsheeteditor/main/app/view/FileMenuPanels.js
#	apps/spreadsheeteditor/main/resources/less/toolbar.less
2021-02-06 14:42:56 +03:00

130 lines
2.2 KiB
Plaintext

.form-control {
.border-radius(@border-radius-small);
.box-shadow(none);
color: @text-normal;
.user-select(text);
border: 1px solid @border-regular-control;
background-color: @background-normal;
&:focus {
border-color: @border-control-focus;
outline: 0;
.box-shadow(none);
}
}
.form-control[readonly] {
cursor: pointer;
background-color: @background-normal;
}
.form-control[disabled] {
cursor: default;
background-color: @background-normal;
.user-select(none);
}
.input-row {
position: relative;
}
.input-error {
display: none;
&:before {
content: '';
position: absolute;
right: 3px;
top: 4px;
width: 16px;
height: 16px;
background-position: @input-error-offset-x @input-error-offset-y;
}
}
.input-field {
input,
.input-error {
float: left;
position: relative;
}
&.form-control:focus,
.form-control:focus {
//border-color: @border-control-focus;
}
&.error {
input:not([disabled]) {
border-color: @brand-danger;
}
input:not([disabled]) + .input-error {
display: block;
}
}
&.warning {
input:not([disabled]) + .input-error {
display: block;
}
.input-error {
&:before {
background-position: @input-warning-offset-x @input-warning-offset-y;
}
}
}
}
input:required:focus:invalid,
input:focus:invalid,
input.error {
border-color: @brand-danger;
& + span.input-error {
display: block;
}
}
.disabled .form-control {
opacity: 0.65;
cursor: default !important;
}
::-ms-clear {
display: none;
}
input[type="password"] {
font-size: 16px;
}
input[type="text"]::selection, textarea::selection {
background: @highlight-text-select;
color: @text-inverse;
}
textarea.form-control:focus {
//border-color: @border-control-focus;
}
.input-field-btn {
position: relative;
.select-button {
position: absolute;
top: 1px;
right: 1px;
}
.input-error {
&:before {
right: 22px;
}
}
input {
padding-right: 20px;
}
}