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

[Pedro (via logerrit)]

 loleaflet/css/toolbar.css |   34 ++++++++++++++++++++++++----------
 1 file changed, 24 insertions(+), 10 deletions(-)

New commits:
commit 63c1f323526f89921c4d7e6f573d2f3c4cb8f4e5
Author:     Pedro <pedro.silva at collabora.com>
AuthorDate: Tue Oct 8 10:49:27 2019 +0200
Commit:     Szymon Kłos <szymon.klos at collabora.com>
CommitDate: Tue Oct 8 10:59:43 2019 +0200

    Add generic checkbox and button styles for mobile
    
    Change-Id: If7fc9b09569c71b1f411493e88e55d87d3cc950e
    Reviewed-on: https://gerrit.libreoffice.org/80433
    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 a3306b946..ccbd50fdf 100644
--- a/loleaflet/css/toolbar.css
+++ b/loleaflet/css/toolbar.css
@@ -32,11 +32,15 @@
 		float: left;
 		margin: 16px 0px;
 	}
-	input[type=checkbox]#enablecontour{
+	input[type=checkbox]:disabled{
+		border: 2px solid #ddd;
+		box-shadow: none;
+	}
+	input[type=checkbox]{
 		appearance: none;
 		width: 24px;
 		height: 24px;
-		margin: 10px 0px;
+		margin: 10px 0px !important;
 		-webkit-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
@@ -46,7 +50,7 @@
     outline: none;
     box-shadow: #00000015 0px 0px 2px 1px;
 	}
-	input[type=checkbox]#enablecontour:checked{
+	input[type=checkbox]:checked{
 		background: url(images/lc_ok_white.svg) no-repeat center;
 		background-color: #0b87e7;
 		border-radius: 2px;
@@ -54,11 +58,11 @@
     outline: none;
     box-shadow: none;
 	}
-	input[type=checkbox]#enablecontour:before{
+	input[type=checkbox]:before{
 		width: 20px;
 		height: 20px;
 	}
-	input[type=checkbox]#enablecontour:after{
+	input[type=checkbox]:after{
 		top: -20px;
 		width: 16px;
 	}
@@ -67,17 +71,27 @@
 		vertical-align: baseline;
 		padding-left: 24px;
 	}
-	#enablecontour + button {
-		float: right;
-		margin: 24px 0px;
-    height: 38px;
+	button{
+		height: 38px;
     border-radius: 4px;
-    color: #0b87e7;
+    color: #0b87e7 !important;
     font-weight: bold;
     background-color: #fff;
     text-transform: uppercase;
     border: 1px solid #0b87e7;
 	}
+	button:focus{
+		outline: none;
+	}
+	button:active{
+		outline: none;
+		border: none;
+		background-color: #ebf2fb;
+	}
+	#enablecontour + button {
+		float: right;
+		margin: 24px 0px;
+	}
 	#enablecontour + button + p {clear: both;}
 	#formulabar {
 		padding: 0px !important;