.space-editor .ui-header-bar + .editor > .ui-box { margin-top: 0; } .space-editor .editor-outer.-infos-aside { grid-template-columns: 1fr; } .space-editor .editor-outer.-infos-aside .editor-infos { margin: -31px var(--padding) 0; }.spaces { display: grid; grid-template-columns: auto 1fr; gap: 2px; justify-content: stretch; height: 100vh; } .spaces-main { min-height: 100vh; overflow-y: auto; } .spaces-overview { padding: 95px 0 0 60px; } .spaces-tree-items { margin-top: -13px; } .spaces-tree-item { display: grid; grid-template-columns: 32px 1fr auto; gap: 6px; height: 100%; align-items: center; position: relative; padding: 15px var(--padding); font-size: var(--font-size); color: var(--color-text); transition: color 0.2s ease; /*&.is-active:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; display: inline-block; background: var(--color-tree-selected-line); }*/ } .spaces-tree-item:hover > .spaces-tree-item-actions { transition-delay: 0.2s; opacity: 1; } .spaces-tree-item.is-active { background: var(--color-tree-selected); font-weight: bold; } .spaces-tree-item.is-active .spaces-tree-item-text span { font-weight: 400; } .spaces-tree-item.is-active .spaces-tree-item-text span:first-child { font-weight: 700; } .spaces-tree-item:hover .spaces-tree-item-icon { color: var(--color-text); } .spaces-tree-item.is-active .spaces-tree-item-icon { color: var(--color-primary); } .spaces-tree-item-text { display: flex; flex-direction: column; } .spaces-tree-item-text .-minor { color: var(--color-text-dim); margin-top: 3px; } .spaces-tree-item-icon { font-size: 18px; line-height: 1; font-weight: 400; position: relative; top: -2px; color: var(--color-text-dim); transition: color 0.2s ease; }