Mobile: Vex with checkbox: Fix long strings

vertical align text, fix boundaries, add ellipsis for very long strings, add padding Change-Id: I12098be368d22e5cb0907c4cc591bbe7ccfa0e4b
CollaboraOnline · Oct 27, 2020 · 88e42f4 · 88e42f4
1 parent 715d3c6
commit 88e42f4
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/loleaflet/css/device-mobile.css b/loleaflet/css/device-mobile.css
@@ -321,6 +321,14 @@ div#w2ui-overlay-actionbar.w2ui-overlay{
 	font-size: 1em !important;
 	font-weight: 600 !important;
 }
+.vex-dialog-message label {
+	width: 84%;
+	padding-left: 4%;
+	display: inline-block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	vertical-align: text-bottom;
+}
 .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='text'] {
 	border-radius: 4px !important;
 	background-color: #fff !important;