[Libreoffice-commits] online.git: loleaflet/css

[Pedro (via logerrit)]

 loleaflet/css/loleaflet.css |   27 ------------------------
 loleaflet/css/vex.css       |   49 ++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 47 insertions(+), 29 deletions(-)

New commits:
commit 25a23224d99f2c8eddb3ddd1ea2047ac2fa4cff2
Author:     Pedro <pedro.silva at collabora.com>
AuthorDate: Thu Oct 17 17:09:33 2019 +0200
Commit:     Szymon Kłos <szymon.klos at collabora.com>
CommitDate: Fri Oct 18 12:57:37 2019 +0200

    Fix z-index: about dialog, hamburger menu were appearing under edit FAB
    
    Change-Id: I0ef992ab221e3e3d96e1f35baa8c314fadd2e02f
    Reviewed-on: https://gerrit.libreoffice.org/81034
    Reviewed-by: Szymon Kłos <szymon.klos at collabora.com>
    Tested-by: Szymon Kłos <szymon.klos at collabora.com>

diff --git a/loleaflet/css/loleaflet.css b/loleaflet/css/loleaflet.css
index 7038f7a81..9cfcdd4a3 100644
--- a/loleaflet/css/loleaflet.css
+++ b/loleaflet/css/loleaflet.css
@@ -618,30 +618,3 @@ body {
 		-webkit-user-select: none;
 		-o-user-select: none;
 }
-
-/* Infobar */
-.vex-theme-bottom-right-corner .vex-dialog-message {
-	font-size: 1em;
-}
-/* Place above statusbar */
-.vex.vex-theme-bottom-right-corner .vex-content {
-	bottom: 40px !important;
-	right: 10px !important;
-}
-
-/* Vex dialogs */
-.vex-open .vex-overlay {
-	/* TODO: remove specific z-index from our codebase
-	so that the following line can also be removed */
-	z-index: 1001;
-}
-/* dialog shown when user is idle */
-.vex-open .loleaflet-user-idle {
-	background: rgba(0, 0, 0, 0)!important;
-	font-size: xx-large!important;
-	color: #fff!important;
-	text-align: center!important;
-}
-.vex-open .loleaflet-user-idle .vex-dialog-buttons {
-	display: none!important;
-}
diff --git a/loleaflet/css/vex.css b/loleaflet/css/vex.css
index 13352f58b..7539147cc 100644
--- a/loleaflet/css/vex.css
+++ b/loleaflet/css/vex.css
@@ -1,3 +1,45 @@
+/* Infobar */
+.vex-theme-bottom-right-corner .vex-dialog-message {
+	font-size: 1em;
+}
+/* Place above statusbar */
+.vex.vex-theme-bottom-right-corner .vex-content {
+	bottom: 40px !important;
+	right: 10px !important;
+}
+
+/* Vex dialogs */
+.vex-open .vex-overlay {
+	/* TODO: remove specific z-index from our codebase
+	so that the following line can also be removed */
+	position: relative;
+	z-index: 2000;
+}
+/* dialog shown when user is idle */
+.vex-open .loleaflet-user-idle {
+	background: rgba(0, 0, 0, 0)!important;
+	font-size: xx-large!important;
+	color: #fff!important;
+	text-align: center!important;
+}
+.vex-open .loleaflet-user-idle .vex-dialog-buttons {
+	display: none!important;
+}
+.vex.vex-theme-plain{
+	position: relative;
+	z-index: 2001 !important;
+}
+
+.vex.vex-theme-plain .vex-content{
+	border: 1px solid #a4a4a4;
+	box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
+	border-radius: 4px;
+}
+.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input select, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex
 -theme-plain .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="week"]{
+	padding: 0 !important
+}
+
+/*mobile*/
 @media (max-width: 767px), (max-device-height: 767px) {
 	.vex-dialog-message {
 		text-align: center;
@@ -32,12 +74,15 @@
 		height: 100% !important;
 		max-width: 100% !important;
 		width: auto !important;
+		border: none;
+		box-shadow: none;
+		border-radius: none;
 	}
 	.vex.vex-theme-plain {
 		padding: 0px !important;
-		position: absolute !important;
+		position: relative !important;
 		z-index: 2001 !important;
-		top: 0px !important;
+		top: -42px !important;
 	}
 	.vex-open .vex-overlay {
 		z-index: 2000;