103 lines
2.5 KiB
HTML
103 lines
2.5 KiB
HTML
<style>
|
|
div[m-id="{{d.mId}}"] {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-around;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] .drag-item {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] .drag-v-left {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] .drag-v-right {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] .sidebars-container {
|
|
position: relative;
|
|
width: 0%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
z-index: 3;
|
|
display: none;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] .sidebars-container > .sidebars {
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
border-style: solid;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] .sidebars-container > .left-sidebars {
|
|
border-width: 0px 1px 0px 0px;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] .sidebars-container > .right-sidebars {
|
|
border-width: 0px 0px 0px 1px;
|
|
}
|
|
|
|
html[data-bs-theme=light] div[m-id="{{d.mId}}"] .sidebars-container > .sidebars {
|
|
border-color: #c9c9c9;
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] .sidebars-container > .sidebars {
|
|
border-color: rgba(128, 128, 128, 0.35);
|
|
background-color: #252526;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] .drag-h {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] .drag-h > .editors {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] .drag-h > .statusbars {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 0%;
|
|
display: none;
|
|
}
|
|
</style>
|
|
<div m-id="{{d.mId}}">
|
|
<div class="drag-v-left">
|
|
<div class="sidebars-container">
|
|
<div class="sidebars left-sidebars"></div>
|
|
</div>
|
|
<div class="drag-item">
|
|
<div class="drag-v-right">
|
|
<div class="drag-item">
|
|
<div class="drag-h">
|
|
<div class="editors"></div>
|
|
<div class="statusbars"></div>
|
|
</div>
|
|
</div>
|
|
<div class="sidebars-container">
|
|
<div class="sidebars right-sidebars"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |