Changeset 338 for Dev/branches/rest-dojo-ui/client/rft/css/rftSelector.css

Timestamp:

06/04/12 16:18:24 (13 years ago)

Author:

tjcschipper

Message:

• Changed linewithactions and selector -options- property to -modifiers-: more general approach. These extra classes are applied to the root domNode of the widget during the postCreate phase instead.
• Changed rftSelector.css stuff to match this change, and allow for separate colouring of a selector and its contents.

File:

• Dev/branches/rest-dojo-ui/client/rft/css/rftSelector.css (modified) (5 diffs)

Dev/branches/rest-dojo-ui/client/rft/css/rftSelector.css

@@ -1 @@
-/* IT'S LIKE THAT, AND THAT'S THE WAY IT IS! HUH! */
 .gamelab .rftSelector {
     margin: 4px;
     font-size: 13px;
-    color: #ffffff;
 }
 .gamelab .rftLineWithButtons {
@@ -10 +8 @@
     font-size: 13px;
     margin: 0;
-    background-color: #ffffff;
-    color: #000000;
     white-space: nowrap;
-}
-.gamelab .rftSelector .rftSelectorCategory {
-    height: 24px;
-}
-
-/* Colour scheme */
-.gamelab .blue.rftSelector .rftSelectorCategory {
-        background-color: #0072bc;
-}
-.gamelab .red.rftSelector .rftSelectorCategory {
-        background-color: #8c0310;
-}
-.gamelab .purple.rftSelector .rftSelectorCategory {
-        background-color: #6529b7;
-}
-.gamelab .green.rftSelector .rftSelectorCategory {
-        background-color: #3aa605;
-}
-.gamelab .orange.rftSelector .rftSelectorCategory {
-        background-color: #ff5b12;
 }
 .gamelab .rftLineWithButtons .rftLineWithButtonsButtons {
@@ -39 +15 @@
     line-height: 24px;
     margin: 0;
+    padding: 0;
 }
 .gamelab .rftLineWithButtons .rftLineWithButtonsButtons .rftBlockButton {
@@ -44 +21 @@
     clear: none;
 }
-.gamelab .rftSelector .rftLineWithButtons .rftLineWithButtonsTitle {
+.gamelab .rftLineWithButtons .rftLineWithButtonsTitle {
     float: left;
     margin: 0 8px 0 8px;
@@ -51 +28 @@
     width: 8px;
     height: 24px;
-    background-color: #ff0000;
     float: left;
     margin: 0;
 }
-.gamelab .rftSelectorSelected rftSelectorColor.red {
-    /* NO. Don't do that! Change the background color property using JS instead! Event handler for changeContentStatus on the rftSelector!!! */
+
+/* Background colour settings for the various contexts of rftLineWithButtons */
+.gamelab .rftSelector .rftLineWithButtons {
+    background-color: #ffffff;
+    color: #000000;
 }
+.gamelab .blue.rftSelector .rftLineWithButtons {
+    background-color: #0072bc;
+    color: #ffffff;
+}
+.gamelab .red.rftSelector .rftLineWithButtons {
+    background-color: #8c0310;
+    color: #ffffff;
+}
+.gamelab .green.rftSelector .rftLineWithButtons {
+    background-color: #3aa605;
+    color: #ffffff;
+}
+.gamelab .purple.rftSelector .rftLineWithButtons {
+    background-color: #6529b7;
+    color: #ffffff;
+}
+.gamelab .orange.rftSelector .rftLineWithButtons {
+    background-color: #ff5b12;
+    color: #ffffff;
+}
+
+/* Black-on-white setting for non-header lines in the rftSelector */
+.gamelab .rftSelector .rftSelectorSelected .rftLineWithButtons {
+    background-color: #ffffff;
+    color: #000000;
+}
+.gamelab .rftSelector .rftSelectorOptions .rftLineWithButtons {
+    background-color: #ffffff;
+    color: #000000;
+}
+
+/* Colour settings for the rftSelectorColor status indicator */
+.gamelab .rftSelectorSelected .rftSelectorColor.conflict {
+    background-color: #ff0000;
+}
+.gamelab .rftSelectorSelected .rftSelectorColor.pending {
+    background-color: #ff8000;
+}
+.gamelab .rftSelectorSelected .rftSelectorColor.success {
+    background-color: #00ff00;
+}
+
+/*  NOT SURE WHAT THIS DOES ATM...KEEP HERE FOR FUTURE REFERENCE IF NON-SELECTOR LINES FAIL TO DISPLAY PROPERLY
 .gamelab .rftSelector .rftSelectorCategory .rftLineWithButtons {
     display: inline-block;
-    color: #ffffff;
-    background-color: transparent;
     width: 100% !important;
 }
+*/