1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css

158 lines
3.1 KiB
CSS
Raw Normal View History

2018-10-23 01:13:23 +03:00
.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
}