web-apps/apps/common/main/resources/less/table-styler.less
2021-08-24 22:02:45 +03:00

84 lines
2.4 KiB
Plaintext

.table-styler {
background-color: @canvas-content-background;
table {
&.transparent {
background-color: @canvas-content-background !important;
}
}
td {
padding: 0;
&.content-box {
height: 50%;
.tablestyler-cell {
height: 100%;
.cell-content{
height: 100%;
padding: 6px;
}
}
}
}
.tablestyler-cell .cell-content .content-text {
display: block;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAEAQMAAACeIXx6AAAABlBMVEVMaXHAwMBbbSKjAAAAAXRSTlMAQObYZgAAAA1JREFUeNpjOMDEAAIABVQAw/N8ALEAAAAASUVORK5CYII=') repeat 0 0 scroll;
background-size: 2px auto;
height: 100%;
.pixel-ratio__1_5 & {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGAQMAAAA8K7ZPAAAABlBMVEVMaXHAwMBbbSKjAAAAAXRSTlMAQObYZgAAAA5JREFUeNpjeMAAgmAAABesAqGy0C2BAAAAAElFTkSuQmCC');
}
.pixel-ratio__2 & {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAIAQMAAADk/cxGAAAABlBMVEVMaXHAwMBbbSKjAAAAAXRSTlMAQObYZgAAAA5JREFUeNpj+MAAgVAAAC0QA8HkpvUHAAAAAElFTkSuQmCC');
}
}
.ts-preview-box {
position: absolute;
&.ts-preview-box--lt {
border-bottom: 1px dotted gray;
border-bottom: @scaled-one-px-value dotted gray;
border-right: 1px dotted gray;
border-right: @scaled-one-px-value dotted gray;
}
&.ts-preview-box--mt {
}
&.ts-preview-box--rt {
border-bottom: 1px dotted gray;
border-bottom: @scaled-one-px-value dotted gray;
border-left: 1px dotted gray;
border-left: @scaled-one-px-value dotted gray;
}
&.ts-preview-box--rm {
}
&.ts-preview-box--lb {
border-top: 1px dotted gray;
border-top: @scaled-one-px-value dotted gray;
border-right: 1px dotted gray;
border-right: @scaled-one-px-value dotted gray;
}
&.ts-preview-box--lm {
}
&.ts-preview-box--rb {
border-top: 1px dotted gray;
border-top: @scaled-one-px-value dotted gray;
border-left: 1px dotted gray;
border-left: @scaled-one-px-value dotted gray;
}
&.ts-preview-box--mb {
}
}
}