11 lines
1011 B
CSS
11 lines
1011 B
CSS
/* Container width keeps navigation separate from the compact files menu. */
|
|
.pane { display: none; position: relative; flex: none; min-width: 0; min-height: 0; box-sizing: border-box; border-inline-start: 0.5px solid var(--dsw-alias-border-l3); }
|
|
.pane[hidden] { display: none; }
|
|
.pane[data-position='left'] { order: -1; border-inline-start: 0; border-inline-end: 0.5px solid var(--dsw-alias-border-l3); }
|
|
.navigation { height: 100%; min-width: 0; overflow-y: auto; }
|
|
.resize { position: absolute; inset-block: 0; inset-inline-start: -4px; width: 8px; z-index: 2; cursor: col-resize; touch-action: none; user-select: none; }
|
|
.resize::after { content: ''; position: absolute; inset-block: 0; inset-inline-start: 3px; width: 2px; }
|
|
.pane[data-position='left'] .resize { inset-inline-start: auto; inset-inline-end: -4px; }
|
|
.resize:focus-visible::after { background: var(--dsw-alias-state-business-primary); }
|
|
@media (hover: hover) { .resize:hover::after { background: var(--dsw-alias-state-business-primary); } }
|