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

119 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;
2016-04-26 21:22:32 -07:00
max-height: 84%;
2016-09-17 22:52:10 -07:00
border-radius: 1px !important;
2016-09-22 23:57:24 -07:00
color: #fff;
}
.actionsheet-not-fullscreen {
2016-10-14 09:22:04 -07:00
background-color: #121314;
max-width: 90%;
max-height: 90%;
2016-10-16 10:11:32 -07:00
color: #eee;
2016-09-22 23:57:24 -07:00
}
.actionSheetMenuItem:hover {
2016-10-14 09:22:04 -07:00
background-color: #222;
2016-02-21 13:39:14 -07:00
}
2016-08-04 19:03:15 -07:00
.actionsheet-fullscreen {
2016-04-26 21:22:32 -07:00
max-height: none;
2016-09-17 22:52:10 -07:00
border-radius: 0 !important;
2016-04-26 21:22:32 -07:00
}
2016-08-01 22:55:52 -07:00
.actionSheetContent-centered {
2016-04-26 21:22:32 -07:00
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;
2016-05-19 22:36:57 -07:00
flex-grow: 1;
align-items: center;
text-align: center;
2016-10-14 09:22:04 -07:00
overflow: hidden;
2016-02-21 13:39:14 -07:00
}
2016-08-01 22:55:52 -07:00
.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;
2016-06-04 17:17:35 -07:00
flex-shrink: 0;
2016-09-15 11:28:46 -07:00
background: transparent;
box-shadow: none;
2016-04-16 12:22:09 -07:00
}
2016-12-22 08:57:28 -07:00
.actionSheetMenuItem:focus {
transform: none !important;
}
2016-08-09 11:22:19 -07:00
.actionSheetMenuItem-noflex {
display: block;
}
2016-04-16 12:22:09 -07:00
.actionSheetItemText {
2016-09-03 10:58:23 -07:00
padding: .7em 0;
2016-06-09 23:54:03 -07:00
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
2016-06-15 09:45:45 -07:00
vertical-align: middle;
}
2016-09-03 10:58:23 -07:00
.actionSheetItemText-extraspacing {
2016-10-14 09:22:04 -07:00
padding: .9em 0;
2016-09-03 10:58:23 -07:00
}
2016-08-04 23:10:24 -07:00
.emby-button-noflex .actionSheetItemText {
2016-06-15 09:45:45 -07:00
display: inline-block;
2016-02-21 13:39:14 -07:00
}
.actionSheetItemIcon {
margin-right: 1.5em !important;
}
.actionSheetScroller {
/* Override default style being applied by polymer */
margin-bottom: 0 !important;
2016-06-04 17:17:35 -07:00
display: flex;
flex-direction: column;
2016-06-09 23:54:03 -07:00
width: 100%;
2016-02-21 13:39:14 -07:00
}
2016-05-19 22:36:57 -07:00
.layout-tv .actionSheetScroller {
2016-07-31 10:58:06 -07:00
max-height: 64%;
2016-06-11 08:55:39 -07:00
max-width: 60%;
width: auto;
2016-05-19 22:36:57 -07:00
}
2016-02-21 13:39:14 -07:00
2016-08-01 22:55:52 -07:00
.actionSheetTitle {
2017-01-03 16:48:33 -07:00
margin: .5em 0 !important;
2016-04-10 21:24:16 -07:00
padding: 0 1em;
2016-05-19 22:36:57 -07:00
flex-grow: 0;
2016-02-21 13:39:14 -07:00
}
2016-07-07 11:12:08 -07:00
.actionSheetText {
padding: 0 1em;
flex-grow: 0;
}
2016-08-01 22:55:52 -07:00
.actionsheet-extraSpacing {
2016-10-16 10:11:32 -07:00
font-size: 112%;
2016-07-07 11:12:08 -07:00
}
2016-09-07 14:08:40 -07:00
.btnCloseActionSheet {
position: fixed;
2016-09-07 19:55:54 -07:00
top: .75em;
left: .5em;
2016-09-15 11:28:46 -07:00
}