mirror of
https://github.com/narrrl/proton-drive-linux.git
synced 2026-11-03 16:41:26 +01:00
nvrl
7a087b8827
The launcher (pdfs-prompt) now follows the app's theme: the theme code moved into a shared theme.rs, the prompt's stylesheet lives in resources/prompt.css on the libadwaita palette, the Proton-purple accent pin is gone, and every activation re-reads the Proton theme and open_with settings so changes in the app apply without restarting the launcher. The window is rebuilt in src/hud/: - one list with Recent, Pinned and Best matches sections; a click selects, a double-click or Enter opens, focus stays in the entry - rows show a thumbnail, the name with its matched characters in bold, location, sync badge, size and age - a preview pane with a large thumbnail, type, size, modified date, location and availability, plus Open (Enter), Show in Folder (Ctrl+Enter, via FileManager1) and Copy Path (Ctrl+C / Ctrl+Shift+C) - thumbnails from the freedesktop cache, local decoding (written back to the shared cache) or the daemon, on two worker threads - a history of opened files that fills the Recent section and adds a frecency bonus to search ranking - the mount check before opening a Drive file runs off the main thread with a 2 s timeout, and Escape cancels a slow open - rows can be dragged out as files - the search debounce drops to 80 ms New strings are translated in every catalog.
225 lines
3.8 KiB
CSS
225 lines
3.8 KiB
CSS
/* The search launcher (pdfs-prompt). Colours come from the libadwaita
|
|
palette, so the launcher follows the system accent, light/dark and high
|
|
contrast like the app; the opt-in Proton theme recolours both alike. */
|
|
|
|
window.launcher-window {
|
|
background: transparent;
|
|
}
|
|
|
|
.launcher-card {
|
|
background-color: var(--view-bg-color);
|
|
color: var(--view-fg-color);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 14px;
|
|
box-shadow: 0 16px 48px rgb(0 0 0 / 35%);
|
|
}
|
|
|
|
.search-bar {
|
|
padding: 14px 18px;
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
|
|
.search-icon {
|
|
-gtk-icon-size: 20px;
|
|
color: color-mix(in srgb, currentColor 55%, transparent);
|
|
}
|
|
|
|
.search-entry {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
outline: none;
|
|
padding: 2px 0;
|
|
font-size: 1.15rem;
|
|
}
|
|
|
|
.key-hint {
|
|
padding: 2px 8px;
|
|
border-radius: 6px;
|
|
background-color: color-mix(in srgb, currentColor 8%, transparent);
|
|
font-size: 0.75rem;
|
|
opacity: 0.55;
|
|
}
|
|
|
|
.chip-row {
|
|
padding: 10px 14px;
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
|
|
.chip {
|
|
padding: 4px 14px;
|
|
min-height: 0;
|
|
border-radius: 999px;
|
|
background: none;
|
|
border: 1px solid var(--border-color);
|
|
box-shadow: none;
|
|
font-size: 0.86rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.chip:hover {
|
|
background-color: color-mix(in srgb, currentColor 6%, transparent);
|
|
}
|
|
|
|
.chip:checked {
|
|
background-color: var(--accent-bg-color);
|
|
color: var(--accent-fg-color);
|
|
border-color: var(--accent-bg-color);
|
|
}
|
|
|
|
/* --- results ------------------------------------------------------------ */
|
|
|
|
.results {
|
|
padding: 2px 8px 10px 8px;
|
|
}
|
|
|
|
.section-header {
|
|
padding: 12px 10px 6px 10px;
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 0.78rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.06em;
|
|
text-transform: uppercase;
|
|
opacity: 0.55;
|
|
}
|
|
|
|
.section-icon {
|
|
-gtk-icon-size: 14px;
|
|
opacity: 0.55;
|
|
}
|
|
|
|
.result-list {
|
|
background: none;
|
|
}
|
|
|
|
.result-row {
|
|
padding: 6px 10px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.result-row:hover {
|
|
background-color: color-mix(in srgb, currentColor 5%, transparent);
|
|
}
|
|
|
|
/* A soft tint rather than a solid accent bar: the text keeps its colour, so
|
|
the highlighted match stays readable on the selected row. */
|
|
.result-row:selected,
|
|
.result-row:selected:hover {
|
|
background-color: color-mix(in srgb, var(--accent-bg-color) 18%, transparent);
|
|
color: inherit;
|
|
}
|
|
|
|
.result-name {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.result-location,
|
|
.result-meta {
|
|
font-size: 0.8rem;
|
|
opacity: 0.55;
|
|
}
|
|
|
|
.result-row:selected .result-location,
|
|
.result-row:selected .result-meta {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.thumb {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.result-badge,
|
|
.preview-badge {
|
|
-gtk-icon-size: 14px;
|
|
}
|
|
|
|
.badge-pinned {
|
|
color: var(--success-color);
|
|
}
|
|
|
|
.badge-cached {
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
.badge-cloud,
|
|
.badge-local {
|
|
opacity: 0.55;
|
|
}
|
|
|
|
/* --- preview ------------------------------------------------------------ */
|
|
|
|
.preview {
|
|
padding: 16px;
|
|
background-color: color-mix(in srgb, currentColor 3%, transparent);
|
|
}
|
|
|
|
.preview-thumb {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.preview-thumb .thumb {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.preview-name {
|
|
font-weight: 700;
|
|
font-size: 1.05rem;
|
|
}
|
|
|
|
.preview-kind {
|
|
font-size: 0.85rem;
|
|
opacity: 0.6;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.preview-key {
|
|
font-size: 0.8rem;
|
|
opacity: 0.55;
|
|
}
|
|
|
|
.preview-value {
|
|
font-size: 0.85rem;
|
|
}
|
|
|
|
.preview-actions {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.preview-action {
|
|
padding: 6px 8px;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.preview-shortcut {
|
|
font-size: 0.75rem;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.preview-feedback {
|
|
margin-top: 6px;
|
|
font-size: 0.8rem;
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
.preview-empty {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
/* --- footer ------------------------------------------------------------- */
|
|
|
|
.footer {
|
|
padding: 8px 16px;
|
|
border-top: 1px solid var(--border-color);
|
|
}
|
|
|
|
.footer-text {
|
|
font-size: 0.78rem;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
statuspage.compact > scrolledwindow > viewport > box {
|
|
margin: 24px 12px;
|
|
}
|