myfaces-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From hno...@apache.org
Subject [myfaces-tobago] branch master updated: TOBAGO-1941 There is no difference between readonly and disabled components
Date Thu, 27 Sep 2018 14:17:58 GMT
This is an automated email from the ASF dual-hosted git repository.

hnoeth pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git


The following commit(s) were added to refs/heads/master by this push:
     new 396d965  TOBAGO-1941 There is no difference between readonly and disabled components
396d965 is described below

commit 396d965cf8b679c595cbe8821de3daabd5cae962
Author: Henning Noeth <hnoeth@apache.org>
AuthorDate: Thu Sep 27 16:08:04 2018 +0200

    TOBAGO-1941 There is no difference between readonly and disabled components
    
    * the text for disabled components is more greyed out
---
 tobago-core/src/main/resources/scss/_tobago.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/tobago-core/src/main/resources/scss/_tobago.scss b/tobago-core/src/main/resources/scss/_tobago.scss
index 8cf6194..e62af0a 100644
--- a/tobago-core/src/main/resources/scss/_tobago.scss
+++ b/tobago-core/src/main/resources/scss/_tobago.scss
@@ -50,6 +50,7 @@ $headings-font-weight: 500;
 $navbar-dark-active-color: rgba($white, 1) !default;
 $navbar-light-active-color: rgba($black, .9) !default;
 $border-width: 1px !default;
+$input-color: $gray-700 !default;
 $input-btn-border-width: $border-width !default; // For form controls and buttons
 $input-btn-padding-y: .5rem !default;
 $input-btn-padding-x: .75rem !default;
@@ -85,6 +86,9 @@ $fa-times-circle: "\f057";
 $fa-toggle-off: "\f204";
 $fa-toggle-on: "\f205";
 
+/* non-bootstrap variabled --------------------------------------- */
+$form-disabled-alpha: 0.5;
+
 /* badge -------------------------------------------------------------- */
 .tobago-badge {
 }
@@ -203,6 +207,9 @@ button.tobago-button {
     /* Remove IE10's "clear field" X button */
     display: none;
   }
+  &:disabled {
+    color: rgba($input-color, $form-disabled-alpha);
+  }
 }
 
 /* for pickers with more than one icon, e.g. date-time picker */
@@ -338,6 +345,9 @@ XXX workaround for Bootstrap with datetimepicker needed for popups
 
 /* in ----------------------------------------------------------- */
 .tobago-in {
+  &:disabled {
+    color: rgba($input-color, $form-disabled-alpha);
+  }
 }
 
 .tobago-in-markup-number {
@@ -1482,6 +1492,9 @@ th.tobago-sheet-headerCell-markup-filler > .tobago-sheet-header {
 
 /* textarea --------------------------------------------------------- */
 .tobago-textarea {
+  &:disabled {
+    color: rgba($input-color, $form-disabled-alpha);
+  }
 }
 
 /* facesMessages messageLayout focus shadows ------------------------ */


Mime
View raw message