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

[Pedro Pinto Silva (via logerrit)]

 loleaflet/css/vex.css |   18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

New commits:
commit 8fc3a5bdc4f40a27216e4afd972b7b352a46e593
Author:     Pedro Pinto Silva <pedro.silva at collabora.com>
AuthorDate: Wed Nov 6 10:12:40 2019 +0100
Commit:     Michael Meeks <michael.meeks at collabora.com>
CommitDate: Wed Nov 6 16:30:33 2019 +0100

    Vex: input: fix paddings and widths (mobile and desktop)
    
    Change-Id: I0f1882ca785b211ffd18bdbc972c1152cfa3d275
    Reviewed-on: https://gerrit.libreoffice.org/82126
    Reviewed-by: Pedro Pinto da Silva <pedro.silva at collabora.com>
    Reviewed-by: Michael Meeks <michael.meeks at collabora.com>
    Tested-by: Michael Meeks <michael.meeks at collabora.com>

diff --git a/loleaflet/css/vex.css b/loleaflet/css/vex.css
index ac1459f85..51f6cb550 100644
--- a/loleaflet/css/vex.css
+++ b/loleaflet/css/vex.css
@@ -42,17 +42,20 @@
 	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
-}
 
 .vex-closing {
     -webkit-animation: vex-fadeout .25s forwards;
     animation: vex-fadeout .25s forwards;
 }
+.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"]{
+	width: 95% !important;
+}
 
 /*mobile*/
 @media (max-width: 767px), (max-device-height: 767px) {
+	.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.ve
 x-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
+	}
 	.vex-dialog-input > textarea.loleaflet-annotation-textarea {
 		height: 198px;
 		border: 4px solid #f0f0f0 !important;
@@ -72,17 +75,16 @@
 	.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;
+		border: 4px solid #fff !important;
+		box-shadow: 0 0 1px 1px #dfdfdf;
 	}
 	.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{
+		border: 4px solid #fff !important;
+		box-shadow: 0 0 1px 1px #0b87e7 !important;
 		color: #0b87e7 !important;
 	}
 	.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"]:focus input{