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

[Pedro Pinto Silva (via logerrit)]

 loleaflet/css/mobilewizard.css               |   47 ++++++++++++++++++++++++---
 loleaflet/images/lc_inserttable_col_mono.svg |    4 ++
 loleaflet/images/lc_inserttable_row_mono.svg |    4 ++
 3 files changed, 50 insertions(+), 5 deletions(-)

New commits:
commit 96cef62d43248ed607342d2dd7fdc1b633c9c20b
Author:     Pedro Pinto Silva <pedro.silva at collabora.com>
AuthorDate: Thu Jan 30 16:45:04 2020 +0100
Commit:     Pedro Pinto da Silva <pedro.silva at collabora.com>
CommitDate: Thu Jan 30 16:49:45 2020 +0100

    Mobile: MobileWizard: modify bottom button on mobile wizard, set special layout for insert table panel and add icons
    
    Change-Id: If137e015930f3918d230a86b6e2940747389ec5d
    Reviewed-on: https://gerrit.libreoffice.org/c/online/+/87746
    Reviewed-by: Pedro Pinto da Silva <pedro.silva at collabora.com>
    Tested-by: Pedro Pinto da Silva <pedro.silva at collabora.com>

diff --git a/loleaflet/css/mobilewizard.css b/loleaflet/css/mobilewizard.css
index d5d67b8e9..943c17c70 100644
--- a/loleaflet/css/mobilewizard.css
+++ b/loleaflet/css/mobilewizard.css
@@ -461,6 +461,43 @@
 	.spinfieldcontainer input.spinfield {
 		padding-top: 0px;
 	}
+	/*insert table special layout*/
+	.inserttablecontrols p.ui-text{
+		position: absolute;
+		margin-left: 14%;
+		width: 50%;
+		border: none;
+		top: 82px;
+		color: #555 !important;
+	}
+	.inserttablecontrols p.ui-text:first-child {
+		top: 21px;
+	}
+	.inserttablecontrols #rows, .inserttablecontrols #cols{
+		background: url('images/lc_inserttable_row_mono.svg') no-repeat left;
+		border: none !important;
+		border-bottom: 1px solid #ccc !important;
+		width: 90%;
+		border-radius: none;
+	}
+	.inserttablecontrols #cols{
+		background: url('images/lc_inserttable_col_mono.svg') no-repeat left;
+	}
+	.inserttablecontrols .spinfield{
+		width: 35% !important;
+		margin-left: 32% !important;
+		text-align: center;
+	}
+	.inserttablecontrols .sinfieldcontrols{
+		border: none;
+		background: none;
+	}
+	.inserttablecontrols .plus, .inserttablecontrols .minus{
+		border: none;
+		font-weight: bold;
+	}
+	/*END insert table special layout*/
+
 	.leaflet-control-zoom.leaflet-bar{
 		border: none !important;
 	}
@@ -660,14 +697,14 @@
 		margin-right: 0px !important;
 	}
 	#mobile-wizard button{
-		height: 38px;
-		width: 100%;
+		height: 44px;
+		width: 92%;
 		border-radius: 4px;
-		color: #0b87e7 !important;
+		color: #fff !important;
 		font-weight: bold;
-		background-color: #fff;
-		text-transform: uppercase;
+		background-color: #0b87e7;
 		border: 1px solid #0b87e7;
+		margin: 0 4%;
 	}
 	#mobile-wizard button:focus{
 		outline: none;
diff --git a/loleaflet/images/lc_inserttable_col_mono.svg b/loleaflet/images/lc_inserttable_col_mono.svg
new file mode 100644
index 000000000..e647296d7
--- /dev/null
+++ b/loleaflet/images/lc_inserttable_col_mono.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="M0 0h24v24H0z" fill="none"/>
+ <path d="m22 20v-16c0-1.1-0.9-2-2-2h-16c-1.1 0-2 0.9-2 2v16c0 1.1 0.9 2 2 2h16c1.1 0 2-0.9 2-2zm-18 0v-16h4v16zm6 0v-16h4v16zm6 0v-16h4v16z" fill="#555"/>
+</svg>
diff --git a/loleaflet/images/lc_inserttable_row_mono.svg b/loleaflet/images/lc_inserttable_row_mono.svg
new file mode 100644
index 000000000..99f5b897f
--- /dev/null
+++ b/loleaflet/images/lc_inserttable_row_mono.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="M0 0h24v24H0z" fill="none"/>
+ <path d="m20 2h-16c-1.1 0-2 0.9-2 2v16c0 1.1 0.9 2 2 2h16c1.1 0 2-0.9 2-2v-16c0-1.1-0.9-2-2-2zm0 18h-16v-4h16zm0-6h-16v-4h16zm0-6h-16v-4h16z" fill="#555"/>
+</svg>