Changeset 529 for Dev/trunk/src/client/qed-client/css/widgets

Timestamp:

03/23/14 22:58:54 (11 years ago)

Author:

hendrikvanantwerpen

Message:

• Added grey icons for better highlighting, synced block and large buttons.
• Introduced extra color for text, now disabled/inactive/hovered -> it's not very clear though.
• Added confirmation on irrevertable actions.
• Added support for query string in our new request implementation.

Location:

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

Files:

• BlockButton.less (modified) (3 diffs)
• LargeButton.less (modified) (4 diffs)

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

@@ -5 +5 @@
     height: @button_block_height;
     vertical-align: top;
-    color: @text;
+    color: @inactivetext;
 
     &.dijitDisabled {
         color: @disabledtext;
+    }
+
+    &.dijitHover {
+        color: @text;
     }
 
@@ -30 +34 @@
 
         .rftIcon {
-            .setIcon(16px);
+            .setIcon(16px, grey);
         }
     }
@@ -39 +43 @@
         .rftIcon {
             vertical-align: top;
-            .setIcon(16px, black);
+            .setIcon(16px, white);
         }
     }

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

@@ -7 +7 @@
         height: @button_large_height;
         padding: 3px;
-        color: @text;
+        color: @inactivetext;
 
         &*, * {
@@ -20 +20 @@
         }
 
+        &.dijitHover {
+            color: @text;
+        }
+
         .dijitButtonNode {
 
@@ -30 +34 @@
 
             .rftIcon {
-                .setIcon(24px);
+                .setIcon(24px, grey);
             }
 
@@ -45 +49 @@
         }
 
-        &.rftLargeButtonHover .dijitButtonNode,
-        &.rftLargeButtonActive .dijitButtonNode {
+        &.rftLargeButtonHover,
+        &.rftLargeButtonActive {
             .transition (0.1s);
+            .rftIcon {
+                vertical-align: top;
+                .setIcon(24px, white);
+            }
         }
     }