ekklesiaandClaude Opus 5
d5cc6e463f
Removing gtk-layer-shell from the dependencies broke classroom-dvd on the first run, and deleting the dock's stylesheet took the DVD control bar's styling with it. Both go back: the template under a name that says what still uses it, and the dependency with a line in the package description explaining that it is there for the disc player and not for a dock. A probe overlay confirms gtk-layer-shell works under KWin, so the loading cover survives the move. The focus helper still speaks sway, which is written down rather than papered over. Co-Authored-By: Claude Opus 5 <[email protected]>
105 lines
2.3 KiB
Plaintext
105 lines
2.3 KiB
Plaintext
/*
|
|
* Ekklesia Classroom overlay stylesheet.
|
|
*
|
|
* This was the dock's stylesheet. The dock is gone — the Plasma panel
|
|
* replaced it — but the DVD player still draws its loading cover and its
|
|
* control bar as its own layer-shell surfaces, and they are still styled
|
|
* from here. Rules that only the dock used are left in place rather than
|
|
* pruned by eye, because the DVD session is working code and this
|
|
* experiment does not gamble it for tidiness.
|
|
*/
|
|
window#classroom-dock,
|
|
window#classroom-clock {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Main floating dock */
|
|
.dock {
|
|
background-image: none;
|
|
background-color: rgba(34, 38, 50, 0.62);
|
|
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
border-radius: @dock-radius@px;
|
|
|
|
padding: @dock-padding-v@px @dock-padding-h@px;
|
|
|
|
/* Important: no shadow here.
|
|
GTK was clipping it against the rectangular window edge. */
|
|
box-shadow: none;
|
|
}
|
|
|
|
button.dock-button {
|
|
color: white;
|
|
|
|
background-image: none;
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
|
|
border: none;
|
|
border-radius: @button-radius@px;
|
|
|
|
padding: @button-padding@px;
|
|
margin: 0;
|
|
|
|
min-width: @button-size@px;
|
|
min-height: @button-size@px;
|
|
|
|
box-shadow: none;
|
|
outline: none;
|
|
}
|
|
|
|
button.dock-button:hover {
|
|
background-image: none;
|
|
background-color: rgba(70, 75, 90, 0.85);
|
|
box-shadow: none;
|
|
}
|
|
|
|
button.dock-button:active {
|
|
background-image: none;
|
|
background-color: rgba(85, 90, 108, 0.90);
|
|
box-shadow: none;
|
|
}
|
|
|
|
button.dock-button:focus {
|
|
background-image: none;
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
box-shadow: none;
|
|
outline: none;
|
|
}
|
|
|
|
button.dock-button image {
|
|
color: white;
|
|
-gtk-icon-effect: none;
|
|
}
|
|
|
|
/* Shown in place of the icon while an application is starting. */
|
|
button.dock-button spinner {
|
|
color: white;
|
|
opacity: 1;
|
|
|
|
min-width: @button-spinner@px;
|
|
min-height: @button-spinner@px;
|
|
}
|
|
|
|
|
|
/* Clock */
|
|
|
|
.clock {
|
|
color: white;
|
|
|
|
background-image: none;
|
|
background-color: rgba(34, 38, 50, 0.62);
|
|
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
border-radius: @clock-radius@px;
|
|
|
|
padding: @clock-padding-v@px @clock-padding-h@px;
|
|
|
|
font-size: @clock-font@px;
|
|
font-weight: 600;
|
|
|
|
box-shadow: none;
|
|
}
|