134 lines
7.4 KiB
CSS
134 lines
7.4 KiB
CSS
|
body.plugin-sliding-panes .workspace > .mod-root {
|
||
|
|
overflow-x: auto;
|
||
|
|
overflow-y: hidden;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes .workspace > .mod-root > .workspace-tabs {
|
||
|
|
display: block;
|
||
|
|
flex: none;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes .workspace > .mod-root > .workspace-tabs .workspace-leaf {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes .workspace > .mod-root > .workspace-split {
|
||
|
|
flex: none;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes .workspace > .mod-root .mod-am-right-of-active .cm-s-obsidian > div:not([class]) {
|
||
|
|
left: -50% !important;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes .workspace > .mod-root .mod-am-left-of-active .cm-s-obsidian > div:not([class]) {
|
||
|
|
left: 150% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
body.plugin-sliding-panes-stacking .workspace > .mod-root > .workspace-tabs,
|
||
|
|
body.plugin-sliding-panes-stacking .workspace > .mod-root > .workspace-split {
|
||
|
|
box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.25);
|
||
|
|
position: sticky;
|
||
|
|
}
|
||
|
|
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split {
|
||
|
|
/* first we'll add a bit of gap for the spines */
|
||
|
|
/* active titles have different border colours */
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content {
|
||
|
|
padding-left: var(--header-width);
|
||
|
|
/* this is where the magic happens */
|
||
|
|
/* get rid of the gap left by the now-missing horizontal title */
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content > .view-header {
|
||
|
|
writing-mode: vertical-lr;
|
||
|
|
text-orientation: sideways;
|
||
|
|
border-right: 1px solid var(--background-secondary-alt);
|
||
|
|
border-left: 2px solid var(--background-secondary-alt);
|
||
|
|
border-top: none;
|
||
|
|
border-bottom: none;
|
||
|
|
width: var(--header-width);
|
||
|
|
height: auto;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
/* unset the title container height and swap padding */
|
||
|
|
/* swap the padding/margin around for the header and actions icons */
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content > .view-header > .view-header-title-container {
|
||
|
|
height: unset;
|
||
|
|
padding-left: unset;
|
||
|
|
padding-top: 0;
|
||
|
|
/* get rid of unnecessary padding */
|
||
|
|
/* fix the long-title-obscuring shadows */
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container > .view-header-title,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content > .view-header > .view-header-title-container > .view-header-title {
|
||
|
|
padding-right: 0;
|
||
|
|
padding-top: 15px;
|
||
|
|
padding-bottom: 15px;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container:after,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content > .view-header > .view-header-title-container:after {
|
||
|
|
width: 100%;
|
||
|
|
height: 15px;
|
||
|
|
top: unset;
|
||
|
|
bottom: 0;
|
||
|
|
background: linear-gradient(to bottom, transparent, var(--background-primary-alt));
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container:before,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content > .view-header > .view-header-title-container:before {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 15px;
|
||
|
|
top: 0;
|
||
|
|
bottom: unset;
|
||
|
|
background: linear-gradient(to top, transparent, var(--background-primary-alt));
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-header-icon,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-actions,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content > .view-header .view-header-icon,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content > .view-header .view-actions {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-header-icon,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content > .view-header .view-header-icon {
|
||
|
|
margin: 8px auto 3px auto;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-action,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content > .view-header .view-action {
|
||
|
|
margin: 8px auto;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-content,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content > .view-content {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split.mod-active > .workspace-leaf-content > .view-header {
|
||
|
|
border-right: 2px solid var(--interactive-accent);
|
||
|
|
border-bottom: none;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header > .view-header-title-container:after,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split.mod-active > .workspace-leaf-content > .view-header > .view-header-title-container:after {
|
||
|
|
background: linear-gradient(to bottom, transparent, var(--background-primary));
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header > .view-header-title-container:before,
|
||
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split.mod-active > .workspace-leaf-content > .view-header > .view-header-title-container:before {
|
||
|
|
background: linear-gradient(to top, transparent, var(--background-primary));
|
||
|
|
}
|
||
|
|
|
||
|
|
body.plugin-sliding-panes-rotate-header.plugin-sliding-panes-header-alt .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-header-title-container {
|
||
|
|
transform: rotate(180deg);
|
||
|
|
text-align: right;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
body.plugin-sliding-panes-rotate-header.plugin-sliding-select-orientation-sideway .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header {
|
||
|
|
text-orientation: sideways !important;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header.plugin-sliding-select-orientation-mixed .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header {
|
||
|
|
text-orientation: mixed !important;
|
||
|
|
}
|
||
|
|
body.plugin-sliding-panes-rotate-header.plugin-sliding-select-orientation-upright .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header {
|
||
|
|
text-orientation: upright !important;
|
||
|
|
}
|