web-apps/apps/presentationeditor/main/resources/less/toolbar.less
2020-12-22 14:45:08 +03:00

147 lines
3 KiB
Plaintext

@tabs-bg-color: #aa5252;
.toolbar {
&.masked {
button.disabled .icon:not(.no-mask) {
background-position-x: 0px !important;
}
.group:not(.no-mask) {
opacity: 0.4;
}
}
.font-attr {
> .btn-slot:not(:last-child):not(.split) {
margin-right: 4px;
}
}
}
.menu-layouts {
.dataview.inner {
& > div:not(.grouped-data):not([class^=ps-scrollbar]) {
.box-shadow(none);
&:hover,
&.selected {
.layout > div:first-child {
.box-shadow(0 0 0 2px @primary);
}
}
}
.layout {
.title {
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: normal;
}
& > div:first-child {
margin-bottom: 3px;
}
}
}
}
.item-markerlist {
.background-ximage-v2('toolbar/bullets-and-numbering.png', 38px);
width: 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: @primary;
color: @dropdown-link-active-color;
span.color {
border-color: rgba(255,255,255,0.7);
}
}
}
}
// menu zoom
.menu-zoom {
line-height: @line-height-base;
.title {
padding: 5px 5px 5px 20px;
float: left;
max-width: 95px;
overflow: hidden;
text-overflow: ellipsis;
}
.zoom {
padding: 5px 3px;
float: right;
min-width: 40px;
text-align: center;
}
}
.username-tip {
background-color: #ee3525;
border: none;
border-radius: 0;
padding: 3px 10px;
color: #fff;
font: 11px arial;
white-space: nowrap;
letter-spacing: 1px;
overflow: hidden;
text-overflow: ellipsis;
}
.item-equation {
border: 1px solid @gray;
.background-ximage-v2('toolbar/math.png', 1500px);
}
#plugins-panel {
.separator:first-child {
display: inline-block;
}
}
#special-paste-container {
position: absolute;
z-index: @zindex-dropdown - 20;
background-color: @gray-light;
border: 1px solid @gray;
}
.item-theme {
width: 85px;
height: 38px;
.background-ximage('../../../../../../sdkjs/common/Images/themes_thumbnail.png', '../../../../../../sdkjs/common/Images/themes_thumbnail@2x.png', 85px);
background-size: cover
}
#slot-btn-incfont, #slot-btn-decfont {
margin-left: 2px;
}