fixed panels to have flattened look

diff --git a/lib/enyo-x/lib/font-onyx b/lib/enyo-x/lib/font-onyx
index da8d6fe..d1d951c 160000 (submodule)
--- a/lib/enyo-x/lib/font-onyx
+++ b/lib/enyo-x/lib/font-onyx
@@ -1 +1 @@
-Subproject commit da8d6fe28e2def0d9691edfc8727f8f62e8dbea4
+Subproject commit d1d951c60a13dc87b7efbe60436275c1116f7808

diff --git a/lib/enyo-x/lib/layout b/lib/enyo-x/lib/layout
index 798d4ec..288dfb1 160000 (submodule)
--- a/lib/enyo-x/lib/layout
+++ b/lib/enyo-x/lib/layout
@@ -1 +1 @@
-Subproject commit 798d4ec6d0b22593f0cac80e51493eea10bc9d1c
+Subproject commit 288dfb1c68a028804521fb6f0255160753403b50

diff --git a/lib/enyo-x/lib/onyx b/lib/enyo-x/lib/onyx
index d1ef65d..f00190a 160000 (submodule)
--- a/lib/enyo-x/lib/onyx
+++ b/lib/enyo-x/lib/onyx
@@ -1 +1 @@
-Subproject commit d1ef65d8b733232ea5403558a2800f01143f8cb6
+Subproject commit f00190a2dbc04fcc92bc689865dbfcae5f7bca88

diff --git a/lib/enyo-x/source/less/groupbox.less b/lib/enyo-x/source/less/groupbox.less
index a33198f..1d03c9f 100644 (file)
--- a/lib/enyo-x/source/less/groupbox.less
+++ b/lib/enyo-x/source/less/groupbox.less
@@ -72,33 +72,13 @@
     .border-radius-all(0, 0, 4px, 4px);
   }
 
-  > .onyx-input-decorator:first-child:last-child {
-    .border-radius(4px);
-  }
-
   > * {
     display: block;
-    border: 1px @silver solid;
     border-top-width: 0;
     /* reset styles that make 'item' look bad if they happen to be there */
     .border-radius(0);
     margin: 0;
   }
-
-  > *:first-child {
-    border-top-color: @silver;
-    border-width: 1px;
-    .border-radius-all(4px, 4px, 0, 0);
-  }
-
-  > *:last-child {
-    .border-radius-all(0, 0, 4px, 4px);
-  }
-
-  > *:first-child:last-child {
-    .border-radius(4px);
-  }
-
 }
 
 .xv-groupbox-header {
@@ -110,7 +90,7 @@
   text-transform: uppercase;
   background-color: @dark-gray;
   border: none;
-  background: @charcoal url(../../images/gradient.png) repeat-x 0 10px;
+  background: @charcoal;
 }
 
 .xv-groupbox-buttons {

diff --git a/lib/enyo-x/source/stylesheets/screen.css b/lib/enyo-x/source/stylesheets/screen.css
index 014f4fd..d261623 100755 (executable)
--- a/lib/enyo-x/source/stylesheets/screen.css
+++ b/lib/enyo-x/source/stylesheets/screen.css
@@ -63,7 +63,7 @@
 /* makes the font 33% larger relative to the icon container */
 .icon-large:before {
   vertical-align: -10%;
-  font-size: 1.3333333333333333em;
+  font-size: 1.33333333em;
 }
 /* makes sure icons active on rollover in links */
 a [class^="icon-"],
@@ -76,20 +76,20 @@ a [class*=" icon-"]:before {
 [class^="icon-"].icon-fixed-width,
 [class*=" icon-"].icon-fixed-width {
   display: inline-block;
-  width: 1.2857142857142858em;
+  width: 1.28571429em;
   text-align: center;
 }
 [class^="icon-"].icon-fixed-width.icon-large,
 [class*=" icon-"].icon-fixed-width.icon-large {
-  width: 1.5714285714285714em;
+  width: 1.57142857em;
 }
 ul.icons-ul {
   list-style-type: none;
-  text-indent: -0.7142857142857143em;
-  margin-left: 2.142857142857143em;
+  text-indent: -0.71428571em;
+  margin-left: 2.14285714em;
 }
 ul.icons-ul > li .icon-li {
-  width: 0.7142857142857143em;
+  width: 0.71428571em;
   display: inline-block;
   text-align: center;
 }
@@ -1283,21 +1283,27 @@ ul.icons-ul > li .icon-li {
      * Icon size set per Onyx standard:
      * https://github.com/enyojs/onyx/blob/master/source/Icon.js#L5
      */
-
   width: 32px;
   height: 32px;
   padding: 3px;
-}
-* .font-onyx i {
   text-align: center;
-  font-size: 26px;
+}
+* .font-onyx div {
+  font-size: 22px;
   color: #dddddd;
   text-shadow: 3px 3px 5px rgba(34, 34, 34, 0.97), 0px 0px 3px rgba(34, 34, 34, 0.97);
 }
+* .font-onyx .text {
+  font-size: 12px;
+}
+.font-onyx.text-icon {
+  width: 40px;
+  height: 40px;
+}
 .font-onyx.icon.button:not(.disabled) {
   cursor: pointer;
 }
-.font-onyx.icon.button:not(.disabled):active i {
+.font-onyx.icon.button:not(.disabled):active div {
   color: white;
   text-shadow: 2px 2px 5px #0099ff, -2px -2px 5px #0099ff, 2px -2px 5px #0099ff, -2px 2px 5px #0099ff;
 }
@@ -1349,7 +1355,6 @@ ul.icons-ul > li .icon-li {
   /**
         * Default styling for a model's id (as designated by 'idAttribute')
         */
-
 }
 .xv-list .xv-model-decorator > .xv-list-item .xv-list-column.xv-list-attr.xm-attribute-id {
   color: blue;
@@ -1439,7 +1444,6 @@ ul.icons-ul > li .icon-li {
     This is the most general grid row that
     is not specific to read-only or selected
   */
-
 }
 .xv-grid-box.small-panel {
   width: 600px;
@@ -1495,7 +1499,6 @@ ul.icons-ul > li .icon-li {
   /**
       This is the grid header row
     */
-
 }
 .xv-grid-box .xv-grid-row > * {
   display: inline-block;
@@ -1713,7 +1716,6 @@ ul.icons-ul > li .icon-li {
     These styles will only be used
     if the chart is in a dashboard
   */
-
 }
 .dashboard .charts-panels {
   overflow-y: auto;
@@ -2099,7 +2101,6 @@ ul.icons-ul > li .icon-li {
       TODO: this is weird and indicates the REAL need to change the
       whatever the css system is...this relative path is different...
     **/
-
   background: url(../../../../../../assets/sliding-shadow.png) repeat-y;
   background-size: 20px 2px;
 }
@@ -2187,7 +2188,6 @@ ul.icons-ul > li .icon-li {
 }
 .xv-tree .xv-tree-node {
   /* These picker styles are for the ListAttr node */
-
 }
 .xv-tree .xv-tree-node .xv-pickerwidget {
   display: inline-block;
@@ -2545,57 +2545,15 @@ ul.icons-ul > li .icon-li {
   -moz-border-radius-bottomright: 4px;
   border-bottom-right-radius: 4px;
 }
-.xv-groupbox > .onyx-input-decorator:first-child:last-child {
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-}
 .xv-groupbox > * {
   display: block;
-  border: 1px #aaaaaa solid;
   border-top-width: 0;
   /* reset styles that make 'item' look bad if they happen to be there */
-
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   margin: 0;
 }
-.xv-groupbox > *:first-child {
-  border-top-color: #aaaaaa;
-  border-width: 1px;
-  -webkit-border-top-left-radius: 4px;
-  -moz-border-radius-topleft: 4px;
-  border-top-left-radius: 4px;
-  -webkit-border-bottom-left-radius: 0;
-  -moz-border-radius-bottomleft: 0;
-  border-bottom-left-radius: 0;
-  -webkit-border-top-right-radius: 4px;
-  -moz-border-radius-topright: 4px;
-  border-top-right-radius: 4px;
-  -webkit-border-bottom-right-radius: 0;
-  -moz-border-radius-bottomright: 0;
-  border-bottom-right-radius: 0;
-}
-.xv-groupbox > *:last-child {
-  -webkit-border-top-left-radius: 0;
-  -moz-border-radius-topleft: 0;
-  border-top-left-radius: 0;
-  -webkit-border-bottom-left-radius: 4px;
-  -moz-border-radius-bottomleft: 4px;
-  border-bottom-left-radius: 4px;
-  -webkit-border-top-right-radius: 0;
-  -moz-border-radius-topright: 0;
-  border-top-right-radius: 0;
-  -webkit-border-bottom-right-radius: 4px;
-  -moz-border-radius-bottomright: 4px;
-  border-bottom-right-radius: 4px;
-}
-.xv-groupbox > *:first-child:last-child {
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-}
 .xv-groupbox-header {
   padding: 5px 10px;
   color: #ffffff;
@@ -2605,7 +2563,7 @@ ul.icons-ul > li .icon-li {
   text-transform: uppercase;
   background-color: #333333;
   border: none;
-  background: #555555 url(../../images/gradient.png) repeat-x 0 10px;
+  background: #555555;
 }
 .xv-groupbox-buttons {
   border: none;
@@ -2663,7 +2621,6 @@ body {
 }
 .bggrad {
   /* Radial Gradient */
-
   background-color: #333333;
   background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#696969), to(#333333));
   background-image: -webkit-radial-gradient(circle, #696969, #333333);
@@ -2815,7 +2772,6 @@ body {
 }
 .xv-comment-box {
   /* Resets the margin/padding value for blockquote tag in comments */
-
 }
 .xv-comment-box .onxy-groupbox-header {
   max-width: 320px;