web-apps/apps/presentationeditor/main/resources/less/rightmenu.less
2021-02-07 00:30:24 +03:00

210 lines
3.8 KiB
Plaintext

.tool-menu.right {
.tool-menu-btns {
position: absolute;
border-left: 1px solid @border-toolbar;
background-color: @background-toolbar;
right: 0;
overflow: hidden;
}
}
.right-panel {
width: 220px;
height: 100%;
display: none;
padding: 0 10px 0 15px;
position: relative;
overflow: hidden;
border-left: 1px solid @border-toolbar;
line-height: 15px;
}
.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: 1px solid @border-toolbar;
height: 100%;
&.disabled {
opacity: 0.65;
cursor: default !important;
}
}
}
.right-panel .settings-panel {
label.input-label{
vertical-align: baseline;
}
}
.item-wrap {
width:50px;
height:50px;
background-size: cover;
}
.combo-pattern-item {
.background-ximage('@{common-image-path}/right-panels/patterns.png', '@{common-image-path}/right-panels/patterns@2x.png', 112px);
}
.combo-dataview-menu {
.form-control {
cursor: pointer;
background-color: @background-normal;
&.text {
background: @background-normal;
vertical-align: bottom;
}
}
}
.item-gradient {
.background-ximage('@{common-image-path}/right-panels/gradients.png', '@{common-image-path}/right-panels/gradients@2x.png', 150px);
width:50px;
height:50px;
}
.item-gradient-separator {
margin-right: 62px !important;
}
.gradient-left-top {
background-position: 0 0;
}
.gradient-top {
background-position: -50px 0;
}
.gradient-right-top {
background-position: -100px 0;
}
.gradient-left {
background-position: 0 -50px;
}
.gradient-right {
background-position: -100px -50px;
}
.gradient-left-bottom {
background-position: 0 -100px;
}
.gradient-bottom {
background-position: -50px -100px;
}
.gradient-right-bottom {
background-position: -100px -100px;
}
.gradient-radial-center {
background-position: -100px -150px;
}
#signature-requested-sign,
#signature-valid-sign,
#signature-invalid-sign {
height: 100%;
overflow: hidden;
margin: 0 -10px 0 -15px;
.item {
display: block;
border: none;
width: 100%;
.box-shadow(none);
margin: 0;
&:hover,
&.over {
background-color: @highlight-button-hover;
.caret {
display: inline-block;
}
}
}
.signature-item {
padding: 5px 2px 5px 15px;
text-overflow: ellipsis;
min-height: 25px;
.name {
width: 100%;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
max-width: 160px;
text-overflow: ellipsis;
}
.caret {
width: 23px;
height: 14px;
border: 0;
background-position: -43px -150px;
margin: 8px 15px;
display: none;
position: absolute;
right: 0;
&.nomargin {
margin-top: 0;
margin-bottom: 0;
}
}
}
}