You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
4.6 KiB
105 lines
4.6 KiB
body.plugin-sliding-panes .workspace > .mod-root { |
|
overflow-x: auto; |
|
overflow-y: hidden; |
|
} |
|
body.plugin-sliding-panes .workspace > .mod-root > .workspace-leaf { |
|
display: block; |
|
flex: none; |
|
} |
|
body.plugin-sliding-panes .workspace > .mod-root > .workspace-leaf .workspace-leaf-content { |
|
position: relative; |
|
} |
|
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-leaf { |
|
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 { |
|
/* 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 { |
|
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 { |
|
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 { |
|
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 { |
|
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 { |
|
width: 100%; |
|
height: 15px; |
|
top: unset; |
|
bottom: 0; |
|
background: linear-gradient(to bottom, transparent, var(--background-secondary)); |
|
} |
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .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-secondary)); |
|
} |
|
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 { |
|
padding: 0; |
|
} |
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-header-icon { |
|
margin: 8px 0 3px 0; |
|
} |
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-action { |
|
margin: 8px 0; |
|
} |
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .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 { |
|
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 { |
|
background: linear-gradient(to bottom, transparent, var(--background-primary-alt)); |
|
} |
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header > .view-header-title-container:before { |
|
background: linear-gradient(to top, transparent, var(--background-primary-alt)); |
|
} |
|
|
|
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; |
|
} |