loleaflet/css/vex.css | 18 ++++++++++--------
1 file changed, 10 insertions(+), 8 deletions(-)
New commits:
commit 8fc3a5bdc4f40a27216e4afd972b7b352a46e593
Author: Pedro Pinto Silva <pedro.si...@collabora.com>
AuthorDate: Wed Nov 6 10:12:40 2019 +0100
Commit: Michael Meeks <michael.me...@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.si...@collabora.com>
Reviewed-by: Michael Meeks <michael.me...@collabora.com>
Tested-by: Michael Meeks <michael.me...@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{
_______________________________________________
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits
