Changeset 492 for Dev/trunk/src/client/qed-client/css

Timestamp:

03/09/14 14:23:42 (11 years ago)

Author:

hendrikvanantwerpen

Message:

• Enable/disable buttons on content change.
• One place to do date formatting, because it was going wrong again.
• Serialize questions in survey properly.
• _ComplexValueMixin consumes submit events, but does trigger outer forms if present.
• Trigger dialog show/hide for login only after previous effect is finished.
• Check that documents are actually valid, not just that validator returned a result.
• Validate email and timestamp formats.
• Prepared for live runs.

Location:

Dev/trunk/src/client/qed-client/css

Files:

• variables.less (modified) (1 diff)
• widgets/BlockButton.less (modified) (2 diffs)
• widgets/InlineButton.less (modified) (1 diff)
• widgets/LargeButton.less (modified) (3 diffs)

Dev/trunk/src/client/qed-client/css/variables.less

@@ -6 +6 @@
 @headers: #999999;
 @text: #ffffff;
+@disabledtext: #777777;
 
 // Colours

Dev/trunk/src/client/qed-client/css/widgets/BlockButton.less

@@ -5 +5 @@
     height: @button_block_height;
     vertical-align: top;
+    color: @text;
+
+    &.dijitDisabled {
+        color: @disabledtext;
+    }
 
     .dijitButtonContents {
@@ -18 +23 @@
         padding: 0 @std_offset;
         border: none;
-        color: @text;
         font-size: @button_block_font_size;
 

Dev/trunk/src/client/qed-client/css/widgets/InlineButton.less

@@ -3 +3 @@
     height: @button_inline_height;
     width: @button_inline_height;
+    color: @text;
+
+    &.dijitDisabled {
+        color: @disabledtext;
+    }
 
     .dijitButtonNode {

Dev/trunk/src/client/qed-client/css/widgets/LargeButton.less

@@ -7 +7 @@
         height: @button_large_height;
         padding: 3px;
+        color: @text;
 
         &*, * {
@@ -15 +16 @@
         }
 
+        &.dijitDisabled {
+            color: @disabledtext;
+        }
+
         .dijitButtonNode {
 
@@ -21 +26 @@
             height: @button_large_height;
             background: transparent;
-            color: @headers;
             font-size: @button_large_font_size;
             .transition(0.3s);