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

[Pedro Pinto Silva (via logerrit)]

 loleaflet/css/mobilewizard.css |   22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

New commits:
commit 80848ea8e96630228365840bb44f187a34ccc04f
Author:     Pedro Pinto Silva <pedro.silva at collabora.com>
AuthorDate: Tue Apr 21 16:54:39 2020 +0200
Commit:     Pedro Pinto da Silva <pedro.silva at collabora.com>
CommitDate: Wed Apr 22 14:34:47 2020 +0200

    Mobile: mobilewizard: inputspinner: fix disabled state
    
    Change-Id: I5e6ef1572b578c3f34e52f0e4795dc4dfc71865c
    Reviewed-on: https://gerrit.libreoffice.org/c/online/+/92639
    Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice at gmail.com>
    Tested-by: Pedro Pinto da Silva <pedro.silva at collabora.com>
    Reviewed-by: Pedro Pinto da Silva <pedro.silva at collabora.com>

diff --git a/loleaflet/css/mobilewizard.css b/loleaflet/css/mobilewizard.css
index 70fc8ba97..1a8919e4e 100644
--- a/loleaflet/css/mobilewizard.css
+++ b/loleaflet/css/mobilewizard.css
@@ -525,6 +525,25 @@ p.mobile-wizard.ui-combobox-text.selected {
 .spinfieldcontainer input.spinfield {
 	padding-top: 0px;
 }
+input.spinfield:disabled {
+	background: linear-gradient(to right, white 0%, #ebebe4 15%, #ebebe4 40%, white 100%);
+	color: #bbb !important;
+}
+
+input.spinfield:disabled + .spinfieldunit {
+	color: #bbb !important;
+}
+
+input.spinfield:disabled ~ .spinfieldcontrols * {
+	color: #bbb !important;
+	border-color: #dfdfdf !important;
+	background-color: #f9f9f9;
+}
+
+input.spinfield:disabled ~ .spinfieldcontrols *:active {
+	background-color: #f9f9f9 !important;
+}
+
 /*insert table special layout*/
 .inserttablecontrols p.ui-text{
 	position: absolute;
@@ -682,9 +701,6 @@ div#mobile-wizard-content .spinfieldcontainer .spinfieldimage {
 div#mobile-wizard-content .spinfieldcontainer:active .spinfieldimage, div#mobile-wizard-content .spinfieldcontainer:focus .spinfieldimage, div#mobile-wizard-content .spinfieldcontainer:hover .spinfieldimage {
 	opacity: 1 !important;
 }
-div#mobile-wizard-content .spinfield:active .spinfieldimage, div#mobile-wizard-content .spinfield:focus .spinfieldimage, div#mobile-wizard-content .spinfield:hover .spinfieldimage {
-	opacity: 1 !important;
-}
 #buttonbefore, #buttonafter, #buttonoptimal, #buttonparallel, #buttonnone, #buttonthrough, #bottom, #top, #standard, #Bold, #Italic, #Underline, #Strikeout{
 	margin: 0;
 	padding: 0;