web-apps/apps/common/main/resources/less/common.less
2021-01-22 00:18:15 +03:00

193 lines
3.3 KiB
Plaintext

label {
&.link {
border-bottom: @scaled-one-px-value dotted #aaa;
cursor: pointer;
&.disabled {
cursor: default;
}
}
&.link-solid {
border-bottom: 1px solid #aaa;
cursor: pointer;
&.disabled {
cursor: default;
}
}
&.disabled {
opacity: 0.5;
}
}
.menu-shapes {
.item {
.box-shadow(none);
}
}
.combobox.fonts {
> .dropdown-menu {
max-height: 388px;
}
}
.user-select {
.user-select(text);
}
.tool-menu {
height: 100%;
display: block;
&.left {
overflow: hidden;
.tool-menu-btns {
border-right: @scaled-one-px-value solid @gray-dark;
}
}
&.right {
.tool-menu-btns {
//position: absolute;
border-left: @scaled-one-px-value solid @gray-dark;
background-color: @gray-light;
right: 0;
overflow: hidden;
}
}
}
.tool-menu-btns {
width: 40px;
height: 100%;
display: inline-block;
position: absolute;
padding-top: 15px;
button {
margin-bottom: 8px;
}
}
.left-panel {
padding-left: 40px;
height: 100%;
border-right: @scaled-one-px-value solid @gray-dark;
#left-panel-chat {
height: 100%;
}
#left-panel-comments {
height: 100%;
}
}
.right-panel {
width: 220px;
height: 100%;
display: none;
padding: 0 10px 0 15px;
position: relative;
overflow: hidden;
border-left: @scaled-one-px-value solid @gray-dark;
line-height: 15px;
}
.statusbar {
height: 25px;
background-color: @gray-light;
.box-inner-shadow(0 @scaled-one-px-value 0 @gray-dark);
.status-label {
font-weight: bold;
color: @gray-deep;
white-space: nowrap;
}
}
#file-menu-panel {
> div {
height: 100%;
}
.panel-menu {
width: 260px;
float: left;
border-right: @scaled-one-px-value solid @gray-dark;
background-color: @gray-light;
}
.flex-settings {
&.bordered {
border-bottom: @scaled-one-px-value solid @gray;
}
overflow: hidden;
position: relative;
}
}
.settings-panel {
display: none;
overflow: visible;
margin-top: 7px;
& > table {
width: 100%;
}
&.active {
display: block;
}
.padding-small {
padding-bottom: 8px;
}
.padding-large {
padding-bottom: 16px;
}
.finish-cell {
height: 15px;
}
label {
.font-size-normal();
font-weight: normal;
&.input-label{
margin-bottom: 0;
vertical-align: middle;
}
&.header {
font-weight: bold;
}
}
.separator { width: 100%;}
.settings-hidden {
display: none;
}
textarea {
.user-select(text);
width: 100%;
resize: none;
margin-bottom: 5px;
border: @scaled-one-px-value solid @gray-dark;
height: 100%;
&.disabled {
opacity: 0.65;
cursor: default !important;
}
}
}