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

86 lines
2.0 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;
border-radius: 2px;
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);
/*opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
z-index: 999;
transform-origin: 100% 0;
display: block;
background: #fff;
margin: 0;
padding: 0;
border: none;
border-radius: 2px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
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);
will-change: transform;
transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);
transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);
z-index: -1;*/
2016-02-21 13:39:14 -07:00
}
.actionSheet.centered .actionSheetContent {
text-align: center;
align-items: center;
}
.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-10 21:24:16 -07:00
padding: .7em 1.5em;
2016-02-21 13:39:14 -07:00
margin: 0;
text-transform: none;
text-align: inherit;
display: flex;
justify-content: center;
font-weight: inherit;
}
.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
}