94 lines
2.4 KiB
CSS
94 lines
2.4 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;
|
|
}
|
|
|
|
/* Ensure every .btn renders the themed 1px solid border. WebKitGTK's UA
|
|
* stylesheet gives <button> a native 2px outset grey border tied to
|
|
* -webkit-appearance: button. Setting appearance: none strips the native
|
|
* chrome so the author border applies. The !important guards against the
|
|
* UA !important on border-width/style/color. */
|
|
.btn, .save-btn, button.btn {
|
|
-webkit-appearance: none !important;
|
|
appearance: none !important;
|
|
border-width: 1px !important;
|
|
border-style: solid !important;
|
|
border-color: var(--primary) !important;
|
|
border-radius: var(--radius);
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
}
|
|
.btn:hover, .save-btn:hover, button.btn:hover {
|
|
border-color: var(--accent) !important;
|
|
text-decoration: none;
|
|
}
|
|
.btn-del { border-color: var(--accent) !important; color: var(--accent); }
|
|
.btn-del:hover { background: var(--accent); color: var(--secondary); }
|
|
|
|
.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; }
|