mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Move components css files to sass
This commit is contained in:
parent
55dfb219b0
commit
a47f6d458c
120 changed files with 112 additions and 112 deletions
49
src/components/upnextdialog/upnextdialog.scss
Normal file
49
src/components/upnextdialog/upnextdialog.scss
Normal file
|
@ -0,0 +1,49 @@
|
|||
.upNextContainer {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 30em;
|
||||
padding: 1em;
|
||||
margin: 0 2em 2em 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
will-change: transform, opacity;
|
||||
transition: opacity 300ms ease-out;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
color: #fff;
|
||||
user-select: none;
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
.upNextDialog-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.upNextDialog-countdownText {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.upNextDialog-nextVideoText,
|
||||
.upNextDialog-title {
|
||||
width: 25.5em;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.upNextDialog-buttons {
|
||||
width: 29.75em;
|
||||
justify-content: end;
|
||||
align-content: flex-end;
|
||||
}
|
||||
|
||||
.upNextDialog-button {
|
||||
background: #404040;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media all and (orientation: landscape) {
|
||||
.upNextDialog {
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue