libreoffice-online/loleaflet/css/device-tablet.css
Jan Holesovsky 0f96ad6569 tablet: Avoid gap between menu and the upper toolbar.
Change-Id: I25845dbe6ddae8f35885b94a9d01902f3a4daa9c
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/91649
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Jan Holesovsky <kendy@collabora.com>
2020-04-06 12:06:55 +02:00

37 lines
918 B
CSS

/* CSS specific for tablets. */
/* Disable tooltips when on touch devices */
.w2ui-tag .w2ui-tag-top {
display:none !important;
}
/* Make the upper toolbar scrollable using swipe as on phones. */
#toolbar-up > .w2ui-scroll-wrapper {
overflow-x: scroll !important;
scrollbar-width: none; /*css draft (firefox only)*/
-ms-scrollbar: none; /*ie*/
}
#toolbar-up > .w2ui-scroll-wrapper::-webkit-scrollbar { /*webkit only*/
display: none;
}
#toolbar-up .w2ui-scroll-left, #toolbar-up .w2ui-scroll-right{
background: none;
height: 100%;
width: 0px;
top: 0%;
box-shadow: 8px 0 13px 2px #0b87e7, -6px 0px 6px 6px #007cdc;
border-radius: 0px;
}
#toolbar-up .w2ui-scroll-right{
right: 0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/* Additions for the main menu. */
.main-nav {
margin: 0;
}