mirror of
https://github.com/Rafostar/clapper.git
synced 2025-08-31 00:11:59 +02:00
ab11d52a68
Create volume button with popover instead of using GTK provided volume button. Creating new button with only needed elements is more efficient then removing unneeded items from pre-made volume button. This should also increase performance a little when changing volume, because now we generate new icon only when a change is needed. In pre-made button icon is regenerated on each volume change.
72 lines
1.1 KiB
CSS
72 lines
1.1 KiB
CSS
/* Defaults */
|
|
scale marks {
|
|
color: currentColor;
|
|
}
|
|
.osd {
|
|
font-size: 22px;
|
|
font-weight: 500;
|
|
}
|
|
.osd button {
|
|
margin: 2px;
|
|
min-width: 36px;
|
|
min-height: 36px;
|
|
}
|
|
.osd scale trough highlight {
|
|
min-width: 6px;
|
|
min-height: 6px;
|
|
}
|
|
.osd radio {
|
|
margin: 6px;
|
|
border: 2px solid;
|
|
min-width: 18px;
|
|
min-height: 18px;
|
|
}
|
|
|
|
/* Position Scale */
|
|
.positionscale value {
|
|
font-weight: 600;
|
|
color: currentColor;
|
|
}
|
|
.positionscale trough highlight {
|
|
min-height: 4px;
|
|
}
|
|
.osd .positionscale value {
|
|
font-size: 24px;
|
|
}
|
|
.positionscale contents {
|
|
margin-left: 4px;
|
|
margin-right: 2px;
|
|
}
|
|
.osd .positionscale contents {
|
|
margin-left: 8px;
|
|
margin-right: 2px;
|
|
}
|
|
.osd .positionscale trough slider {
|
|
color: transparent;
|
|
background: transparent;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.osd .positionscale trough highlight {
|
|
min-height: 22px;
|
|
}
|
|
|
|
/* Volume Scale */
|
|
.volumescale {
|
|
margin-left: 4px;
|
|
min-height: 180px;
|
|
}
|
|
.osd .volumescale {
|
|
margin: 6px;
|
|
margin-left: 10px;
|
|
min-height: 280px;
|
|
}
|
|
.volumescale marks label {
|
|
margin-right: 4px;
|
|
margin-top: -4px;
|
|
margin-bottom: -6px;
|
|
}
|
|
.osd .volumescale marks label {
|
|
margin-bottom: -8px;
|
|
}
|