libreoffice-online/loleaflet/css/scrollBar.css
Tamás Zolnai 1999f12b35 Revert "Revert "Mobile: change all media queries to:""
This reverts commit 55d067bfee.

Change-Id: I2077276e70e16324031b393a58bf802c3efdcb4f
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/88921
Tested-by: Tamás Zolnai <tamas.zolnai@collabora.com>
Reviewed-by: Tamás Zolnai <tamas.zolnai@collabora.com>
2020-02-18 14:30:42 +01:00

40 lines
1.2 KiB
CSS

.scroll-container {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.scroll-container {
height: 100%;
width: 100%;
overflow: auto;
}
@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), (max-height: 900px) and (any-pointer: coarse) and (hover: none){
.mCSB_scrollTools_vertical{
width: 38px !important;
}
#mobile-wizard-header .mCSB_container {
top: 1px !important;
}
.mCSB_scrollTools_vertical .mCSB_dragger_bar {
position: fixed !important;
margin-top: 8px !important;
height: 48px !important;
width: 48px !important;
right: -16px;
border-radius: 100px !important;
background: url('images/lc_scrollbar_mobile.svg') no-repeat center #fff !important;
background-size: 24px !important;
box-shadow: 0 1px 3px 1px #00000050;
}
#mCSB_1_dragger_horizontal > .mCSB_dragger_bar, #mCSB_2_dragger_horizontal > .mCSB_dragger_bar, #mCSB_3_dragger_horizontal > .mCSB_dragger_bar {
height: 2px;
background-color: #bbb;
margin-top: 9px;
}
#mCSB_1_scrollbar_horizontal .mCSB_draggerRail, #mCSB_2_scrollbar_horizontal .mCSB_draggerRail, #mCSB_3_scrollbar_horizontal .mCSB_draggerRail{
background-color: #f2f2f2 !important;
}
}