1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
jellyfin-web/src/components/actionSheet/actionSheet.scss

116 lines
2 KiB
SCSS
Raw Normal View History

2018-10-23 01:13:23 +03:00
.actionSheet {
display: flex;
justify-content: center;
padding: 0;
border: none;
max-height: 84%;
2020-01-19 15:00:37 +01:00
border-radius: 0.1em !important;
2018-10-23 01:13:23 +03:00
}
.actionsheet-not-fullscreen {
max-width: 90%;
max-height: 90%;
2018-10-23 01:13:23 +03:00
}
.actionsheet-fullscreen {
max-height: none;
border-radius: 0 !important;
2018-10-23 01:13:23 +03:00
}
.actionSheetContent-centered {
text-align: center;
align-items: center;
2018-10-23 01:13:23 +03:00
}
.actionSheetContent {
margin: 0 !important;
2020-01-19 15:00:37 +01:00
padding: 0.4em 0 !important;
2018-10-23 01:13:23 +03:00
flex-direction: column;
display: flex;
justify-content: center;
flex-grow: 1;
overflow: hidden;
2018-10-23 01:13:23 +03:00
}
.actionSheetMenuItem {
font-weight: inherit;
box-shadow: none;
flex-shrink: 0;
2019-09-06 22:33:15 -07:00
border-radius: 0;
margin: 0;
2018-10-23 01:13:23 +03:00
}
.actionSheetMenuItem:focus {
transform: none !important;
}
2018-10-23 01:13:23 +03:00
.actionsheetListItemBody {
2020-01-19 15:00:37 +01:00
padding: 0.4em 1em 0.4em 0.6em !important;
2018-10-23 01:13:23 +03:00
}
.actionSheetItemText {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
flex-grow: 1;
display: flex;
justify-content: flex-start;
2018-10-23 01:13:23 +03:00
}
.actionSheetItemAsideText {
2020-01-19 15:00:37 +01:00
opacity: 0.7;
2018-10-23 01:13:23 +03:00
font-size: 90%;
display: flex;
justify-content: flex-end;
flex-shrink: 0;
margin-left: 5em;
2020-01-19 15:00:37 +01:00
margin-right: 0.5em;
2018-10-23 01:13:23 +03:00
}
.actionSheetScroller {
/* Override default style being applied by polymer */
2018-10-23 01:13:23 +03:00
margin-bottom: 0 !important;
display: flex;
flex-direction: column;
width: 100%;
2018-10-23 01:13:23 +03:00
}
.actionSheetScroller-tv {
max-height: 64%;
max-width: 60%;
width: auto;
2018-10-23 01:13:23 +03:00
}
.actionsheetDivider {
2020-01-19 15:00:37 +01:00
height: 0.07em;
margin: 0.25em 0;
flex-shrink: 0;
2018-10-23 01:13:23 +03:00
}
.actionSheetTitle {
2020-01-19 15:00:37 +01:00
margin: 0.6em 0 0.7em !important;
padding: 0 0.9em;
flex-grow: 0;
2018-10-23 01:13:23 +03:00
}
.actionSheetText {
padding: 0 1em;
flex-grow: 0;
2018-10-23 01:13:23 +03:00
}
.actionsheetMenuItemIcon {
2020-01-19 15:00:37 +01:00
margin: 0 0.85em 0 0.45em !important;
padding: 0 !important;
2018-10-23 01:13:23 +03:00
}
.actionsheet-xlargeFont {
font-size: 112% !important;
2018-10-23 01:13:23 +03:00
}
.btnCloseActionSheet {
position: fixed;
2020-01-19 15:00:37 +01:00
top: 0.75em;
left: 0.5em;
}