Thumbnail carousel initial draft

This commit is contained in:
Dermot Duffy
2021-11-22 17:07:33 -08:00
parent e99a5a5ef7
commit 6c03934656
10 changed files with 242 additions and 125 deletions
+1 -50
View File
@@ -1,54 +1,5 @@
:host {
--video-max-height: none;
}
ha-hls-player {
transform-style: preserve-3d;
}
img,video {
height: 100%;
width: 100%;
height: auto;
display: block;
}
div.container {
// Keep the controls positioned relative to the video.
position: relative;
}
.embla {
position: relative;
margin-left: auto;
margin-right: auto;
}
.embla__viewport {
overflow: hidden;
width: 100%;
}
.embla__container {
display: flex;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-webkit-tap-highlight-color: transparent;
}
.embla__viewport.is-draggable {
cursor: move;
cursor: grab;
}
.embla__viewport.is-dragging {
cursor: grabbing;
}
.embla__slide {
position: relative;
min-width: 100%;
max-width: 100%;
margin-right: 10px;
overflow: hidden;
}