style: hover кнопок плеера — иконка в акцент; фон кнопки Play как у панели
This commit is contained in:
1 parent
2d0f3f3989
commit
bd9b749a10
1 file changed
+22
@@ -1579,6 +1579,28 @@ body.case-page--hide-header .header {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Hover на кнопках панели плеера: только иконка в акцент, фон не меняем */
|
||||
.case-media .plyr--video .plyr__controls .plyr__control:hover {
|
||||
background: color-mix(in srgb, var(--surface) 84%, var(--bg) 16%);
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.case-media .plyr--video .plyr__controls .plyr__control svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
/* Кнопка Play по центру: normal как у кнопок панели, hover — только иконка в акцент */
|
||||
.case-media .plyr--video .plyr__control--overlaid {
|
||||
background: color-mix(in srgb, var(--surface) 84%, var(--bg) 16%);
|
||||
color: var(--text-muted);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.case-media .plyr--video .plyr__control--overlaid:hover {
|
||||
background: color-mix(in srgb, var(--surface) 84%, var(--bg) 16%);
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.case-media .plyr--video .plyr__controls .plyr__progress__container {
|
||||
height: auto;
|
||||
display: flex;
|
||||
|
||||
Reference in new issue
Block a user