.actionSheet { display: flex; justify-content: center; 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); max-height: 84%; } .layout-tv .actionSheet { max-height: none; } .actionSheet.centered .actionSheetContent { text-align: center; align-items: center; } .actionSheetContent { margin: 0 !important; padding: .4em 0 !important; flex-direction: column; display: flex; justify-content: center; height: 100%; } .actionSheetMenuItem { padding: 0 1.6em; margin: 0; text-transform: none; text-align: inherit; display: flex; font-weight: inherit; align-items: center; } .actionSheetItemText { padding: .8em 0; } .layout-tv .actionSheetMenuItem { padding-top: .2em; padding-bottom: .2em; } .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 { margin: .5em 0 1em !important; padding: 0 1em; } h2.actionSheetTitle { margin: .25em 0 .55em !important; padding: 0 1em; } .actionSheet.extraSpacing { font-size: 108%; }