mirror of
https://github.com/shaka-project/shaka-player.git
synced 2026-06-26 17:46:26 +03:00
Álvaro Velad Galván
6562859506
The build system is updated to generate two CSS outputs: A legacy stylesheet (.css) where CSS custom properties are flattened using postcss-custom-properties for compatibility with older browsers. A modern stylesheet (.modern.css) that preserves CSS custom properties for modern browsers. Both outputs are generated from the same LESS source and processed through Autoprefixer and cssnano, ensuring consistent styling while supporting different browser capabilities. This enables a gradual migration path between legacy and modern UI styling without breaking existing consumers. Close https://github.com/shaka-project/shaka-player/issues/10145
51 lines
1.1 KiB
Plaintext
51 lines
1.1 KiB
Plaintext
.shaka-player-ui-thumbnail-container {
|
|
bottom: 15px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
visibility: hidden;
|
|
z-index: 1;
|
|
|
|
// Position of child elements
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 5px;
|
|
|
|
.shaka-player-ui-thumbnail-image-container {
|
|
background-color: var(--shaka-bg-solid);
|
|
border: 1px solid var(--shaka-bg-solid);
|
|
box-shadow: 0 8px 8px 0 var(--shaka-bg);
|
|
min-width: 150px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 15%;
|
|
|
|
.shaka-player-ui-thumbnail-image {
|
|
position: absolute;
|
|
}
|
|
|
|
&.portrait-thumbnail {
|
|
min-width: 75px;
|
|
width: 7.5%;
|
|
}
|
|
}
|
|
|
|
.shaka-player-ui-thumbnail-time-container {
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
.shaka-player-ui-thumbnail-time {
|
|
background-color: var(--shaka-bg);
|
|
border-radius: var(--shaka-font-size);
|
|
color: var(--shaka-font-color);
|
|
font-size: var(--shaka-font-size);
|
|
padding: 0 5px;
|
|
|
|
@media (prefers-reduced-transparency) {
|
|
background-color: var(--shaka-bg-90);
|
|
}
|
|
}
|
|
}
|
|
}
|