Sidebar ie issue - Issue related to brand card in IE (#181)

* adding new toolbox cards patterns * addingbasic brand cards * working on brand cards * adding brand card interaction * adding new cards styles * making changes based on PR comments * updating style for brancd * removing example of brand cards and moving it to style guide * moved flag icon to optional dependencies * removing unneeded JS * removing flags icons * adding additional toggle switch * adding additional toggle switch * adding additional toggle switch * adding additional toggle switch * cleaning up examples * fixing issue related to brand card * fixing/updating app header issues * mergin master
US-CBP · Nov 7, 2017 · 0500909 · 0500909
1 parent 90790cb
commit 0500909
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/app/styles/custom/_containers.scss b/app/styles/custom/_containers.scss
@@ -57,6 +57,9 @@
     width: 300px;
     min-width: 300px;
   }
+  .cbp-sidebar-offset {
+    width: calc(100% - 300px);
+  }
   .fixed {
     .sidebar {
       @include transition(top ease 0.25s);
@@ -73,7 +76,6 @@
       }
     }
     .cbp-sidebar-offset {
-      width: calc(100% - 300px);
       margin-left: 300px;
       padding-left: 0;
     }
@@ -94,6 +96,9 @@
     width: 350px;
     min-width: 350px;
   }
+  .cbp-sidebar-offset {
+      width: calc(100% - 350px);     
+  }
   .fixed {
     .sidebar {
       @include transition(top ease 0.25s);
@@ -109,7 +114,6 @@
       }
     }
     .cbp-sidebar-offset {
-      width: calc(100% - 350px);
       margin-left: 350px;
       padding-left: 0;
     }

diff --git a/app/styles/custom/_navbar.scss b/app/styles/custom/_navbar.scss
@@ -205,10 +205,14 @@
     z-index: $zindex-navbar-fixed;
   }
   .heading-text{
-    font-size:20px;
-    margin-top: 10px;
+    font-size: 24px;
+    margin-top: 15px;
     margin-bottom: 8px;
   }
+
+  .mdl-textfield.is-dirty .mdl-textfield__label {
+    height: 27px; //fixing the font size shifting issue in app direcotry
+  }
 
   @media (max-width: $screen-sm-max) {
     .navbar-header {

diff --git a/app/styles/vendor/_toggle-switch.scss b/app/styles/vendor/_toggle-switch.scss
@@ -58,7 +58,7 @@ $em-base: 16 !default;
     a {
       display: block;
       color: $white;
-      transition: all 0.2s ease-out;      
+      transition: all 0.2s ease-out;     
     }
 
     label,