🔧 refactor(config, notification_utils): remove music_player visibility management
This commit is contained in:
14 files changed
+450
-1533
No files matched your search
@@ -177,184 +177,4 @@ menu > menuitem:hover > label {
|
||||
color: var(--shadow);
|
||||
}
|
||||
|
||||
/*
|
||||
* ── music player ──────────────────────────────────────────────────────────
|
||||
*/
|
||||
|
||||
#music-player {
|
||||
background-color: var(--surface);
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#music-player.invert {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
/* Track info styles */
|
||||
#music-track {
|
||||
color: var(--primary);
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* Control buttons base styles */
|
||||
#music-prev,
|
||||
#music-next {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#music-prev:hover,
|
||||
#music-next:hover {
|
||||
background-color: var(--surface-bright);
|
||||
}
|
||||
|
||||
#music-prev:active,
|
||||
#music-next:active {
|
||||
background-color: var(--primary);
|
||||
}
|
||||
|
||||
#music-prev label,
|
||||
#music-next label {
|
||||
color: var(--primary);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#music-prev:hover label,
|
||||
#music-next:hover label {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
#music-prev:active label,
|
||||
#music-next:active label {
|
||||
color: var(--shadow);
|
||||
}
|
||||
|
||||
/* Play/Pause button styling */
|
||||
#music-play-pause {
|
||||
background-color: var(--surface);
|
||||
border-radius: 12px;
|
||||
padding: 6px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#music-play-pause label {
|
||||
color: var(--primary);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#music-play-pause:hover {
|
||||
background-color: var(--surface-bright);
|
||||
}
|
||||
|
||||
#music-play-pause:hover label {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
#music-play-pause:active {
|
||||
background-color: var(--primary);
|
||||
}
|
||||
|
||||
#music-play-pause:active label {
|
||||
color: var(--shadow);
|
||||
}
|
||||
|
||||
/* Player indicators container */
|
||||
#music-player-indicators {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
/* Player indicator buttons */
|
||||
#music-player-indicator-button {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 2px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#music-player-indicator-button:hover {
|
||||
background-color: var(--surface-bright);
|
||||
}
|
||||
|
||||
#music-player-indicator-button:active {
|
||||
background-color: var(--primary);
|
||||
}
|
||||
|
||||
/* Player indicator labels */
|
||||
#music-player-indicator {
|
||||
color: var(--surface-bright);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#music-player-indicator-active {
|
||||
color: var(--primary);
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#music-player-indicator-button:hover #music-player-indicator {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
#music-player-indicator-button:active #music-player-indicator,
|
||||
#music-player-indicator-button:active #music-player-indicator-active {
|
||||
color: var(--shadow);
|
||||
}
|
||||
|
||||
/* Vertical mode specific styles */
|
||||
#music-player-container.vertical {
|
||||
padding: 8px 4px;
|
||||
}
|
||||
|
||||
#music-player-centerbox.vertical {
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
#music-player-centerbox.vertical #music-track {
|
||||
font-size: 10px;
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
#music-player.vertical {
|
||||
padding: 8px 4px;
|
||||
}
|
||||
|
||||
/* Adjust controls layout for vertical mode */
|
||||
#music-controls.vertical {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#music-controls.vertical #music-prev,
|
||||
#music-controls.vertical #music-next,
|
||||
#music-controls.vertical #music-play-pause {
|
||||
padding: 2px;
|
||||
margin: 1px 0;
|
||||
}
|
||||
|
||||
#music-controls.vertical #music-play-pause {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#music-controls.vertical label {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#music-controls.vertical #music-play-pause label {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Player indicators in vertical mode */
|
||||
#music-player-indicators.vertical {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#music-player-indicators.vertical #music-player-indicator-button {
|
||||
padding: 1px;
|
||||
margin: 1px 0;
|
||||
}
|
||||
|
||||
#music-player-indicators.vertical #music-player-indicator,
|
||||
#music-player-indicators.vertical #music-player-indicator-active {
|
||||
font-size: 10px;
|
||||
}
|
||||
Reference in new issue
Block a user