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

97 lines
1.9 KiB
CSS
Raw Normal View History

2016-02-21 15:39:14 -05:00
.actionSheet {
display: flex;
justify-content: center;
2016-04-11 00:24:16 -04: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-27 00:22:32 -04:00
max-height: 84%;
2016-02-21 15:39:14 -05:00
}
2016-04-27 00:22:32 -04:00
.layout-tv .actionSheet {
max-height: none;
}
.actionSheet.centered .actionSheetContent {
text-align: center;
align-items: center;
}
2016-02-21 15:39:14 -05:00
.actionSheetContent {
margin: 0 !important;
2016-04-11 00:24:16 -04:00
padding: .4em 0 !important;
2016-02-21 15:39:14 -05:00
flex-direction: column;
display: flex;
justify-content: center;
2016-05-20 01:36:57 -04:00
flex-grow: 1;
align-items: center;
text-align: center;
2016-02-21 15:39:14 -05:00
}
2016-06-04 20:17:35 -04:00
button.actionSheetMenuItem {
2016-04-16 15:22:09 -04:00
padding: 0 1.6em;
2016-02-21 15:39:14 -05:00
margin: 0;
text-transform: none;
text-align: inherit;
display: flex;
font-weight: inherit;
2016-04-16 15:22:09 -04:00
align-items: center;
2016-06-04 20:17:35 -04:00
flex-shrink: 0;
2016-06-28 00:47:30 -04:00
/* Some really bad margin hacks to fix content sizing when scrollbar is visible */
margin-left: 20px;
margin-right: -20px;
2016-04-16 15:22:09 -04:00
}
.actionSheetItemText {
padding: .8em 0;
2016-06-10 02:54:03 -04:00
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
2016-06-15 12:45:45 -04:00
vertical-align: middle;
}
.noflex .actionSheetItemText {
display: inline-block;
2016-02-21 15:39:14 -05:00
}
2016-06-04 20:17:35 -04:00
.layout-tv button.actionSheetMenuItem {
2016-05-20 01:36:57 -04:00
padding-top: .16em;
padding-bottom: .16em;
2016-04-16 12:51:35 -04:00
}
2016-02-21 15:39:14 -05:00
.actionSheetItemIcon {
margin-right: 1.5em !important;
}
.actionSheetScroller {
/* Override default style being applied by polymer */
margin-bottom: 0 !important;
2016-06-04 20:17:35 -04:00
display: flex;
flex-direction: column;
2016-06-10 02:54:03 -04:00
width: 100%;
2016-06-28 00:47:30 -04:00
/* Some really bad margin hacks to fix content sizing when scrollbar is visible */
padding-right: 20px;
margin-right: 20px;
2016-02-21 15:39:14 -05:00
}
2016-05-20 01:36:57 -04:00
.layout-tv .actionSheetScroller {
max-height: 60%;
2016-06-11 11:55:39 -04:00
max-width: 60%;
width: auto;
2016-05-20 01:36:57 -04:00
}
2016-02-21 15:39:14 -05:00
h1.actionSheetTitle {
2016-02-28 16:31:45 -05:00
margin: .5em 0 1em !important;
2016-04-11 00:24:16 -04:00
padding: 0 1em;
2016-05-20 01:36:57 -04:00
flex-grow: 0;
2016-02-21 15:39:14 -05:00
}
h2.actionSheetTitle {
margin: .25em 0 .55em !important;
2016-04-11 00:24:16 -04:00
padding: 0 1em;
2016-05-20 01:36:57 -04:00
flex-grow: 0;
2016-04-11 00:24:16 -04:00
}
.actionSheet.extraSpacing {
font-size: 108%;
2016-02-21 15:39:14 -05:00
}