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

[Pedro Pinto Silva (via logerrit)]

 loleaflet/css/toolbar-mobile.css |   32 +++++++++++++++++++++++---------
 1 file changed, 23 insertions(+), 9 deletions(-)

New commits:
commit ee6700463a932215248886db6831c05c7aaa2eff
Author:     Pedro Pinto Silva <pedro.silva at collabora.com>
AuthorDate: Mon Nov 4 15:51:51 2019 +0100
Commit:     Muhammet Kara <muhammet.kara at collabora.com>
CommitDate: Tue Nov 5 14:19:57 2019 +0100

    Spreadsheet: spreadsheet-toolbar: add proper press states on mobile and disable desktop over states when on mobile
    
    Change-Id: Id768d33e7267a17b25664a880333195fe28ce0ba
    Reviewed-on: https://gerrit.libreoffice.org/82033
    Reviewed-by: Pedro Pinto da Silva <pedro.silva at collabora.com>
    Reviewed-by: Muhammet Kara <muhammet.kara at collabora.com>
    Tested-by: Muhammet Kara <muhammet.kara at collabora.com>

diff --git a/loleaflet/css/toolbar-mobile.css b/loleaflet/css/toolbar-mobile.css
index 408654851..dad603643 100644
--- a/loleaflet/css/toolbar-mobile.css
+++ b/loleaflet/css/toolbar-mobile.css
@@ -10,15 +10,29 @@
 		top:-1px;
 	}
 }
-#toolbar-down table.w2ui-button .w2ui-tb-image {
-	margin: 5px 9px 3px 9px!important;
-}
-.w2ui-toolbar .w2ui-break{
-	background-image: none;
-	background-color: #dae6f3;
-}
-#setgamma input.spinfield {
-	width: 140px !important;
+ at media (max-width: 767px), (max-device-height: 767px) {
+	#toolbar-down table.w2ui-button .w2ui-tb-image {
+		margin: 5px 9px 3px 9px!important;
+	}
+	.w2ui-toolbar .w2ui-break{
+		background-image: none;
+		background-color: #dae6f3;
+	}
+	#setgamma input.spinfield {
+		width: 140px !important;
+	}
+	td[id^=tb_spreadsheet-toolbar_item] table.w2ui-button.over {
+		background: none;
+		border-color: #fff;
+	}
+	td[id^=tb_spreadsheet-toolbar_item]:focus table.w2ui-button, td[id^=tb_spreadsheet-toolbar_item]:active table.w2ui-button{
+		background-color: #eaf5ff;
+		outline: none;
+	}
+	td[id^=tb_spreadsheet-toolbar_item]:focus table.w2ui-button div.w2ui-icon, td[id^=tb_spreadsheet-toolbar_item]:active table.w2ui-button div.w2ui-icon{
+		-webkit-filter: grayscale(100%) brightness(80%) sepia(100%) hue-rotate(-190deg) saturate(900%) contrast(0.8);
+		filter: grayscale(100%) brightness(80%) sepia(100%) hue-rotate(-190deg) saturate(900%) contrast(0.8);
+	}
 }
 #toolbar-down table.w2ui-button:not(.checked) td.w2ui-tb-down > div {
 	border-top: none !important;