141 lines
4.3 KiB
CSS
141 lines
4.3 KiB
CSS
:root {
|
|
--left-indicator: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M58.079 20.579L28.663 50l29.417 29.421l8.842 -8.842L46.338 50l20.583 -20.579z"></path></svg>');
|
|
--right-indicator: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M41.921 79.421L71.338 50l-29.417 -29.421l-8.842 8.842L53.663 50l-20.583 20.579z"></path></svg>');
|
|
--up-indicator: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M26.221 55.388l5.892 5.892L50 43.392l17.888 17.888l5.892 -5.892L50 31.608z"></path></svg>');
|
|
--down-indicator: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M67.888 38.721L50 56.608L32.113 38.721l-5.892 5.892L50 68.392l23.779 -23.779z"></path></svg>');
|
|
}
|
|
|
|
.side-dock-actions .sortable-ghost,
|
|
.status-bar .sortable-ghost,
|
|
.view-actions .sortable-ghost,
|
|
.workspace-tab-header-container .sortable-ghost {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.side-dock-ribbon div.separator {
|
|
cursor: grab;
|
|
padding: 0px 4px;
|
|
display: flex;
|
|
place-items: center;
|
|
justify-content: center;
|
|
height: 1em;
|
|
}
|
|
|
|
div.separator svg {
|
|
background-color: currentColor;
|
|
}
|
|
|
|
.side-dock-ribbon div.separator .glyph {
|
|
/* margin-top: -4px; */
|
|
display: flex;
|
|
align-self: flex-end;
|
|
}
|
|
|
|
.side-dock-ribbon div.separator:hover {
|
|
/* some themes highlight the hovered icon and it looks bad on the separator */
|
|
background: none;
|
|
}
|
|
|
|
.side-dock-ribbon div.separator svg {
|
|
-webkit-mask-image: var(--up-indicator);
|
|
}
|
|
.side-dock-ribbon div.separator.is-collapsed.sortable-chosen svg {
|
|
/* so that the icon updates to show the expand icon on drag start */
|
|
-webkit-mask-image: var(--up-indicator);
|
|
}
|
|
.side-dock-ribbon div.separator.is-collapsed svg {
|
|
-webkit-mask-image: var(--down-indicator);
|
|
}
|
|
|
|
/* for minimal floating ribbon support */
|
|
|
|
.hider-ribbon .side-dock-ribbon div.separator {
|
|
height: 26px;
|
|
}
|
|
|
|
.hider-ribbon .side-dock-ribbon div.separator .glyph {
|
|
display: flex;
|
|
align-self: flex-end;
|
|
}
|
|
.hider-ribbon .side-dock-ribbon div.separator svg {
|
|
-webkit-mask-image: var(--left-indicator);
|
|
}
|
|
.hider-ribbon .side-dock-ribbon div.separator.is-collapsed.sortable-chosen svg {
|
|
/* so that the icon updates to show the expand icon on drag start */
|
|
-webkit-mask-image: var(--left-indicator);
|
|
}
|
|
.hider-ribbon .side-dock-ribbon div.separator.is-collapsed svg {
|
|
-webkit-mask-image: var(--right-indicator);
|
|
}
|
|
|
|
.view-actions div.separator.is-collapsed {
|
|
transform: rotateY(180deg);
|
|
}
|
|
|
|
.status-bar .is-hidden,
|
|
.side-dock-ribbon .is-hidden,
|
|
.view-actions .is-hidden {
|
|
/* if you're mad about this !important
|
|
set the --is-hidden-display variable to override it */
|
|
--is-hidden-display: none;
|
|
display: var(--is-hidden-display) !important;
|
|
}
|
|
|
|
.status-bar div.separator {
|
|
--cursor: grab; /* to deal with minimal theme */
|
|
cursor: grab;
|
|
padding: 0px 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
/* line-height: 1; */
|
|
}
|
|
|
|
.status-bar div.separator .glyph {
|
|
display: flex;
|
|
}
|
|
|
|
.status-bar div.separator svg,
|
|
.status-bar div.separator.is-collapsed.sortable-chosen svg {
|
|
-webkit-mask-image: var(--right-indicator);
|
|
}
|
|
|
|
.status-bar div.separator.is-collapsed svg {
|
|
-webkit-mask-image: var(--left-indicator);
|
|
}
|
|
|
|
.side-dock-ribbon div.side-dock-ribbon-action.sortable-chosen,
|
|
.side-dock-ribbon div.separator.sortable-chosen,
|
|
.status-bar div.separator.sortable-chosen {
|
|
--cursor: grabbing;
|
|
cursor: grabbing;
|
|
}
|
|
|
|
body.is-dragging .tooltip {
|
|
display: none;
|
|
}
|
|
|
|
.workspace-tab-header-container.is-dragging .workspace-tab-header,
|
|
.workspace-tab-header-container.is-dragging .workspace-tab-container-before,
|
|
.workspace-tab-header-container.is-dragging .workspace-tab-container-after {
|
|
background: none;
|
|
}
|
|
.workspace-tab-header-container.is-dragging .workspace-tab-header-inner-icon:hover {
|
|
background: none;
|
|
}
|
|
|
|
.workspace-leaf-content[data-type="file-explorer"] .nav-header .search-input-container {
|
|
display: none;
|
|
}
|
|
|
|
.workspace-leaf-content[data-type="file-explorer"] .nav-header .search-input-container.is-active {
|
|
display: block;
|
|
}
|
|
|
|
div.nav-action-button[data-sort-method] + div.nav-action-button.drag-to-rearrange {
|
|
display: none;
|
|
}
|
|
|
|
div.nav-action-button[data-sort-method="custom"] + div.nav-action-button.drag-to-rearrange {
|
|
display: block;
|
|
}
|