mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
158 lines
No EOL
3.1 KiB
CSS
158 lines
No EOL
3.1 KiB
CSS
.actionSheet,
|
|
.actionSheetContent {
|
|
display: -webkit-box;
|
|
display: -webkit-flex
|
|
}
|
|
|
|
.actionSheetContent,
|
|
.actionSheetScroller {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal
|
|
}
|
|
|
|
.actionSheet {
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-webkit-justify-content: center;
|
|
justify-content: center;
|
|
padding: 0;
|
|
border: none;
|
|
max-height: 84%;
|
|
-webkit-border-radius: .1em !important;
|
|
border-radius: .1em !important
|
|
}
|
|
|
|
.actionsheet-not-fullscreen {
|
|
max-width: 90%;
|
|
max-height: 90%
|
|
}
|
|
|
|
.actionsheet-fullscreen {
|
|
max-height: none;
|
|
-webkit-border-radius: 0 !important;
|
|
border-radius: 0 !important
|
|
}
|
|
|
|
.actionSheetContent-centered {
|
|
text-align: center;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
align-items: center
|
|
}
|
|
|
|
.actionSheetContent {
|
|
margin: 0 !important;
|
|
padding: .4em 0 !important;
|
|
-webkit-flex-direction: column;
|
|
flex-direction: column;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-webkit-justify-content: center;
|
|
justify-content: center;
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex-grow: 1;
|
|
flex-grow: 1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.actionSheetMenuItem {
|
|
font-weight: inherit;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
-webkit-flex-shrink: 0;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.actionSheetMenuItem:focus {
|
|
-webkit-transform: none !important;
|
|
transform: none !important
|
|
}
|
|
|
|
.actionsheetListItemBody {
|
|
padding: .4em 1em .4em .6em !important
|
|
}
|
|
|
|
.actionSheetItemText {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
-o-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
vertical-align: middle;
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex-grow: 1;
|
|
flex-grow: 1;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-pack: start;
|
|
-webkit-justify-content: flex-start;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.actionSheetItemAsideText {
|
|
opacity: .7;
|
|
font-size: 90%;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-pack: end;
|
|
-webkit-justify-content: flex-end;
|
|
justify-content: flex-end;
|
|
-webkit-flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
margin-left: 5em;
|
|
margin-right: .5em
|
|
}
|
|
|
|
.actionSheetScroller {
|
|
margin-bottom: 0 !important;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-flex-direction: column;
|
|
flex-direction: column;
|
|
width: 100%
|
|
}
|
|
|
|
.actionSheetScroller-tv {
|
|
max-height: 64%;
|
|
max-width: 60%;
|
|
width: auto
|
|
}
|
|
|
|
.actionsheetDivider {
|
|
height: .07em;
|
|
margin: .25em 0;
|
|
-webkit-flex-shrink: 0;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.actionSheetTitle {
|
|
margin: .6em 0 .7em !important;
|
|
padding: 0 .9em;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex-grow: 0;
|
|
flex-grow: 0
|
|
}
|
|
|
|
.actionSheetText {
|
|
padding: 0 1em;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex-grow: 0;
|
|
flex-grow: 0
|
|
}
|
|
|
|
.actionsheetMenuItemIcon {
|
|
margin: 0 .85em 0 .45em !important;
|
|
padding: 0 !important
|
|
}
|
|
|
|
.actionsheet-xlargeFont {
|
|
font-size: 112% !important
|
|
}
|
|
|
|
.btnCloseActionSheet {
|
|
position: fixed;
|
|
top: .75em;
|
|
left: .5em
|
|
} |