jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css

78 lines
1.5 KiB
CSS
Raw Normal View History

2016-02-21 13:39:14 -07:00
.actionSheet {
display: flex;
justify-content: center;
2016-04-10 21:24:16 -07:00
padding: 0;
border: none;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
2016-04-26 21:22:32 -07:00
max-height: 84%;
2016-02-21 13:39:14 -07:00
}
2016-04-26 21:22:32 -07:00
.layout-tv .actionSheet {
max-height: none;
}
.actionSheet.centered .actionSheetContent {
text-align: center;
align-items: center;
}
2016-02-21 13:39:14 -07:00
.actionSheetContent {
margin: 0 !important;
2016-04-10 21:24:16 -07:00
padding: .4em 0 !important;
2016-02-21 13:39:14 -07:00
flex-direction: column;
display: flex;
justify-content: center;
height: 100%;
}
.actionSheetMenuItem {
2016-04-16 12:22:09 -07:00
padding: 0 1.6em;
2016-02-21 13:39:14 -07:00
margin: 0;
text-transform: none;
text-align: inherit;
display: flex;
font-weight: inherit;
2016-04-16 12:22:09 -07:00
align-items: center;
}
.actionSheetItemText {
padding: .8em 0;
2016-02-21 13:39:14 -07:00
}
2016-04-16 09:51:35 -07:00
.layout-tv .actionSheetMenuItem {
2016-05-06 07:11:15 -07:00
padding-top: .2em;
padding-bottom: .2em;
2016-04-16 09:51:35 -07:00
}
2016-02-21 13:39:14 -07:00
.actionSheetItemIcon {
margin-right: 1.5em !important;
}
.actionSheetScroller {
max-height: 60%;
overflow-x: hidden;
overflow-y: auto;
/* Override default style being applied by polymer */
margin-bottom: 0 !important;
scroll-behavior: smooth;
}
.actionSheetScroller::-webkit-scrollbar, .actionSheetScroller::-webkit-scrollbar {
width: 0 !important;
display: none;
}
h1.actionSheetTitle {
2016-02-28 14:31:45 -07:00
margin: .5em 0 1em !important;
2016-04-10 21:24:16 -07:00
padding: 0 1em;
2016-02-21 13:39:14 -07:00
}
h2.actionSheetTitle {
margin: .25em 0 .55em !important;
2016-04-10 21:24:16 -07:00
padding: 0 1em;
}
.actionSheet.extraSpacing {
font-size: 108%;
2016-02-21 13:39:14 -07:00
}