feat(less): quezx base css customization (angular-ui#1)

Digender · Mar 20, 2017 · 1a68d8f · 1a68d8f
1 parent 954beba
commit 1a68d8f
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 13 deletions.
diff --git a/src/less/body.less b/src/less/body.less
@@ -74,4 +74,4 @@
     right: 0;
     opacity: 0.66;
   }
-}
+}
diff --git a/src/less/cell.less b/src/less/cell.less
@@ -6,8 +6,6 @@
   // position: relative; // NOTE: removing so border is visible
   float: left;
   background-color: inherit;
-  border-right: @gridBorderWidth solid;
-  border-color: @borderColor;
   box-sizing: border-box;
 
   &:last-child {
@@ -16,7 +14,7 @@
 }
 
 .ui-grid-cell-contents {
-  padding: 5px;
+  padding: 10px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;

diff --git a/src/less/grid.less b/src/less/grid.less
@@ -54,14 +54,15 @@
 }
 
 .ui-grid-invisible {
-  visibility: hidden;;
+  visibility: hidden;
 }
 
 // Wraps the contents inside the grid directive with a relatively-positioned element so that all absolute elements are positioned relative to the grid, and not the page
 .ui-grid-contents-wrapper {
   position: relative;
   height: 100%;
   width: 100%;
+  overflow: hidden;
 }
 
 // Only display content to screen readers

diff --git a/src/less/header.less b/src/less/header.less
@@ -49,6 +49,7 @@
   display: table;
   box-sizing: border-box;
   height: 100%;
+  border-left: 1px solid #ddd;
 }
 
 .ui-grid-header-cell-row {
@@ -60,7 +61,6 @@
   position: relative;
   box-sizing: border-box;
   background-color: inherit;
-  border-right: @gridBorderWidth solid;
   border-color: @headerVerticalBarColor;
   display: table-cell;
 
@@ -95,7 +95,7 @@
 .ui-grid-column-menu-button {
   position: absolute;
   right: @gridBorderWidth; // So it doesn't overlay the vertical bar
-  top: 0;
+  top: 5px;
   // bottom: 0;
   // .ui-grid-top-panel-background;
 

diff --git a/src/less/menu.less b/src/less/menu.less
@@ -37,7 +37,6 @@
   white-space: nowrap;
 
   .rounded(@gridBorderRadius);
-  .box-shadow(e("0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2)"));
 
   // Small hidden close button that only appears when focused.
   .ui-grid-menu-close-button {
@@ -72,10 +71,8 @@
       &:hover,
       &:focus {
         // background-color: negation(@headerBackgroundColor, #fff);
-        .inner-shadow(@vertical: 0, @blur: 14px, @alpha: 0.2);
       }
       &.ui-grid-menu-item-active {
-        .inner-shadow(@vertical: 0, @blur: 14px, @alpha: 0.2);
         background-color: @selectedColor;
       }
     }

diff --git a/src/less/variables.less b/src/less/variables.less
@@ -18,8 +18,8 @@
 */
 
 /** @description Colors for header gradient */
-@headerBackgroundColor: #f3f3f3;
-@headerGradientStart: #eee;
+@headerBackgroundColor: #fff;
+@headerGradientStart: #fff;
 @headerGradientStop: #fff;
 @headerVerticalBarColor: @borderColor;
 
@@ -53,7 +53,7 @@
 @focusedCell: #b3c4c7;
 
 // Color to use for enabled or selected settings/items/cells, etc. Should probably override the one above
-@selectedColor: #cecece;
+@selectedColor: #f1f1f1;
 
 /**
 * @section Scrollbar styles
-Original file line number
+Diff line change
@@ Expand Up / @@ -74,4 +74,4 @@ @@
         right: 0;
         opacity: 0.66;
       }
-    }
+    }