Issue #23607: Merged in changes from 4_5_x

[xtuple] / lib / enyo-x / source / stylesheets / screen.css

diff --git a/lib/enyo-x/source/stylesheets/screen.css b/lib/enyo-x/source/stylesheets/screen.css
index 3923e7d..35d13ef 100755 (executable)
--- a/lib/enyo-x/source/stylesheets/screen.css
+++ b/lib/enyo-x/source/stylesheets/screen.css
@@ -2380,6 +2380,49 @@ body {
   margin: 10px;
   color: #357ec7;
   overflow: hidden;
+  /*  The chart-filters may not be need as we are using the class xv-pullout
+      for styles.  Delete when finished hacking the filter styles.
+
+  .chart-filters {
+         background-color: @white;
+         
+         -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
+         -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
+         box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
+  }
+  
+  .chart-filters .xv-parameter-panel {
+         background-color: @ghost;
+         border: 1px solid @smoke;
+         margin: 0 4px 6px 0;
+         width: 100%;
+  }
+  
+  .chart-filters.xv-parameter-panel .onyx-groupbox-header {
+         padding: 6px 10px;
+         border-bottom: 1px solid @smoke;
+         background: @lightest-gray;
+         color: @near-black;
+  }
+
+  .chart-filters.xv-parameter-panel .enyo-fittable-columns-layout {
+         border-bottom: 1px solid @smoke;
+         background: @white;
+    color: @near-black;
+    position: relative;
+    text-align: left;
+    white-space: nowrap;
+  }
+
+  .chart-filters.xv-parameter-panel .enyo-fittable-columns-layout > * {
+    vertical-align: middle;
+  }
+
+  .chart-filters.xv-parameter-panel .xv-label {
+    text-align: right;
+  }
+  
+  */
 }
 .selectable-chart .xv-list-item {
   border-bottom: 1px solid grey;
@@ -2394,8 +2437,9 @@ body {
   margin-left: 200px;
 }
 .selectable-chart .chart-title-bar {
-  height: 32px;
+  height: 48px;
   background-color: #efefef;
+  text-transform: none;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topright: 10px;
   border-top-right-radius: 10px;
@@ -2409,6 +2453,15 @@ body {
   text-align: center;
   /*font-size: 2em;*/
   font-weight: normal;
+  font-family: Helvetica;
+}
+.selectable-chart .chart-title-bar .chart-sub-title {
+  /*padding-top: 8px;*/
+  color: #0000ff;
+  text-align: center;
+  font-size: small;
+  font-weight: normal;
+  font-family: Helvetica;
 }
 .selectable-chart .chart-title-bar .remove-icon {
   position: absolute;
@@ -2439,29 +2492,8 @@ body {
   width: 130px;
   padding: 10px 10px;
 }
-.selectable-chart .chart-filters {
-  background-color: #fdfdfd;
-  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
-  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
-}
-.selectable-chart .chart-filters .xv-parameter-panel {
-  background-color: #f8f8f8;
-  border: 1px solid #d7d7d7;
-  margin: 0 4px 6px 0;
-  width: 100%;
-}
-.selectable-chart .chart-filters.xv-parameter-panel .onyx-groupbox-header {
-  padding: 6px 10px;
-  border-bottom: 1px solid #d7d7d7;
-  background: #efefef;
-  color: #0e0e0e;
-}
-.selectable-chart .chart-filters.xv-parameter-panel .enyo-fittable-columns-layout {
-  padding: 6px 10px;
-  border-bottom: 1px solid #d7d7d7;
-  background: #fdfdfd;
-  color: #0e0e0e;
+.selectable-chart .chart-filterDrawer {
+  top: 0px;
 }
 /**
   Styles relating to Lists