itlxrd/psysonic
1
0
Fork 0
mirror of https://github.com/kilyabin/psysonic.git synced 2026-07-22 06:25:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(orbit): configurable shuffle interval

Browse Source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Psychotoxical
2026-04-24 14:13:32 +02:00
parent 5326011268
commit 089774dc3e
8 changed files with 126 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.css
+46
View File
@@ -12175,6 +12175,52 @@ html[data-psy-native-hidden="true"] *::after {
margin-top: 2px;
}
/* Row-variant for controls that want the control *under* the label rather
than beside it (preset pickers etc.). Non-interactive container: the
hover-background is suppressed here so the buttons keep focus. */
.orbit-settings-pop__row--stacked {
flex-direction: column;
align-items: stretch;
gap: 8px;
cursor: default;
}
.orbit-settings-pop__row--stacked:hover {
background: transparent;
}
.orbit-settings-pop__preset-group {
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.orbit-settings-pop__preset {
flex: 1 1 0;
min-width: 44px;
padding: 6px 8px;
font-size: 11.5px;
font-weight: 600;
color: var(--text-secondary, var(--text-primary));
background: color-mix(in srgb, var(--text-primary) 5%, transparent);
border: 1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
border-radius: var(--radius-sm);
cursor: pointer;
transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}
.orbit-settings-pop__preset:hover:not(:disabled) {
background: color-mix(in srgb, var(--accent) 10%, transparent);
border-color: color-mix(in srgb, var(--accent) 30%, transparent);
color: var(--text-primary);
}
.orbit-settings-pop__preset.is-active {
background: color-mix(in srgb, var(--accent) 22%, transparent);
border-color: color-mix(in srgb, var(--accent) 55%, transparent);
color: var(--accent);
}
.orbit-settings-pop__preset:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.orbit-settings-pop__action {
width: 100%;
display: inline-flex;