jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css
2017-01-03 18:48:33 -05:00

119 lines
2.0 KiB
CSS

.actionSheet {
display: flex;
justify-content: center;
padding: 0;
border: none;
max-height: 84%;
border-radius: 1px !important;
color: #fff;
}
.actionsheet-not-fullscreen {
background-color: #121314;
max-width: 90%;
max-height: 90%;
color: #eee;
}
.actionSheetMenuItem:hover {
background-color: #222;
}
.actionsheet-fullscreen {
max-height: none;
border-radius: 0 !important;
}
.actionSheetContent-centered {
text-align: center;
align-items: center;
}
.actionSheetContent {
margin: 0 !important;
padding: .4em 0 !important;
flex-direction: column;
display: flex;
justify-content: center;
flex-grow: 1;
align-items: center;
text-align: center;
overflow: hidden;
}
.actionSheetMenuItem {
padding: 0 1.6em;
margin: 0;
text-transform: none;
text-align: inherit;
display: flex;
font-weight: inherit;
align-items: center;
flex-shrink: 0;
background: transparent;
box-shadow: none;
}
.actionSheetMenuItem:focus {
transform: none !important;
}
.actionSheetMenuItem-noflex {
display: block;
}
.actionSheetItemText {
padding: .7em 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
.actionSheetItemText-extraspacing {
padding: .9em 0;
}
.emby-button-noflex .actionSheetItemText {
display: inline-block;
}
.actionSheetItemIcon {
margin-right: 1.5em !important;
}
.actionSheetScroller {
/* Override default style being applied by polymer */
margin-bottom: 0 !important;
display: flex;
flex-direction: column;
width: 100%;
}
.layout-tv .actionSheetScroller {
max-height: 64%;
max-width: 60%;
width: auto;
}
.actionSheetTitle {
margin: .5em 0 !important;
padding: 0 1em;
flex-grow: 0;
}
.actionSheetText {
padding: 0 1em;
flex-grow: 0;
}
.actionsheet-extraSpacing {
font-size: 112%;
}
.btnCloseActionSheet {
position: fixed;
top: .75em;
left: .5em;
}