loleaflet/css/toolbar.css | 34 ++++++++++++++++++++++++----------
1 file changed, 24 insertions(+), 10 deletions(-)
New commits:
commit 63c1f323526f89921c4d7e6f573d2f3c4cb8f4e5
Author: Pedro <pedro.si...@collabora.com>
AuthorDate: Tue Oct 8 10:49:27 2019 +0200
Commit: Szymon Kłos <szymon.k...@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.k...@collabora.com>
Tested-by: Szymon Kłos <szymon.k...@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;
_______________________________________________
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits
