72 lines
1.5 KiB
CSS
72 lines
1.5 KiB
CSS
/* Bookmarks page — sovereign://bookmarks
|
|
* Imports the shared sovereign:// base theme, then adds bookmarks-specific
|
|
* layout. The base CSS lives in www/sovereign-base.css and is served at
|
|
* sovereign://sovereign-base.css. */
|
|
@import url("sovereign://sovereign-base.css");
|
|
|
|
/* ── Tree view ─────────────────────────────────────────────────────── */
|
|
|
|
.tree-node {
|
|
margin: 2px 0;
|
|
}
|
|
|
|
.folder-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
padding: 6px 0;
|
|
border-bottom: 1px solid var(--border);
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.caret {
|
|
display: inline-block;
|
|
width: 14px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
color: var(--primary);
|
|
font-size: 10px;
|
|
transition: transform 0.15s ease;
|
|
transform: rotate(0deg);
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.caret.expanded {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.folder-icon {
|
|
font-size: 16px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.folder-name {
|
|
font-weight: bold;
|
|
color: var(--primary);
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.folder-actions {
|
|
display: flex;
|
|
gap: 6px;
|
|
margin-left: auto;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
/* Smaller buttons in folder actions so the row stays compact. */
|
|
.folder-actions .btn {
|
|
padding: 3px 10px;
|
|
font-size: 11px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.tree-children {
|
|
border-left: 1px dashed var(--border);
|
|
padding-left: 4px;
|
|
}
|
|
|
|
/* Reuse .bm / .bm-title / .bm-url / .bm-meta / .actions / .btn / .btn-del
|
|
* from the base theme for bookmark rows. */
|
|
|
|
#bm-path, #new-path { min-width: 200px; }
|