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

[Pedro (via logerrit)]

 loleaflet/css/toolbar.css |    2 -
 loleaflet/css/vex.css     |   64 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 65 insertions(+), 1 deletion(-)

New commits:
commit 53683157303d57cfe288de836bea12254c93c907
Author:     Pedro <pedro.silva at collabora.com>
AuthorDate: Wed Oct 16 10:28:45 2019 +0200
Commit:     Szymon Kłos <szymon.klos at collabora.com>
CommitDate: Thu Oct 17 13:14:39 2019 +0200

    Vex-dialog: styling and layout (and moved to its proper css file) (and tabify spaces)
    
    Change-Id: Id6a13d34e00de5b7e2b6242c6325bd6524816eba
    Reviewed-on: https://gerrit.libreoffice.org/80873
    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/toolbar.css b/loleaflet/css/toolbar.css
index 518e03791..47993bca2 100644
--- a/loleaflet/css/toolbar.css
+++ b/loleaflet/css/toolbar.css
@@ -1336,4 +1336,4 @@ menu-entry-with-icon.padding-left + menu-entry-icon.width */
 	line-height: 21px;
 	margin-left: auto;
 	border-radius: 100px;
-}
\ No newline at end of file
+}
diff --git a/loleaflet/css/vex.css b/loleaflet/css/vex.css
index e69de29bb..80c61e9f4 100644
--- a/loleaflet/css/vex.css
+++ b/loleaflet/css/vex.css
@@ -0,0 +1,64 @@
+ at media (max-width: 767px), (max-device-height: 767px) {
+	.vex-dialog-message {
+		text-align: center;
+		font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif !important;
+		font-size: 1em !important;
+		font-weight: 600 !important;
+	}
+	.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"] {
+		border-radius: 4px !important;
+		background-color: #fff !important;
+		border: 1px solid #999999 !important;
+		width: 100%;
+		width: -moz-available;
+		width: -webkit-fill-available;
+		width: fill-available;
+	}
+	.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"]:focus {
+		box-shadow: none !important;
+		border: 2px solid #0b87e7 !important;
+	}
+	.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"]:focus{
+		color: #0b87e7 !important;
+	}
+	.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"]:focus input{
+		color: #000 !important;
+	}
+	.vex-dialog-input {
+		font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif !important;
+		font-size: 0.8em;
+	}
+	.vex.vex-theme-plain .vex-content {
+		height: 100% !important;
+		max-width: 100% !important;
+		width: auto !important;
+	}
+	.vex.vex-theme-plain {
+		padding: 0px !important;
+		position: relative !important;
+		z-index: 1001 !important;
+		top: -42px !important;
+	}
+	.vex-open .vex-overlay {
+		z-index: 1000;
+		min-height: 100%;
+		position: absolute;
+		width: -webkit-fill-available;
+		top: 0;
+		background-color: white;
+	}
+	.vex.vex-theme-plain input {
+		font-size: 1.1em !important;
+	}
+	button.vex-dialog-button-primary.vex-dialog-button.vex-first {
+		border: 1px solid #0b87e7 !important;
+		border-radius: 4px !important;
+		background-color: #fff !important;
+		color: #0b87e7 !important;
+	}
+	button.vex-dialog-button-secondary.vex-dialog-button.vex-last {
+		border-radius: 4px;
+		background-color: #fff !important;
+		border: 1px solid #aaa !important;
+	}
+}