fix(LinkRow): Remove row width

ticketmaster · Jul 2, 2018 · fb9fcbc · fb9fcbc
1 parent 7541815
commit fb9fcbc
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 5 deletions.
diff --git a/src/components/Link/Row.js b/src/components/Link/Row.js
@@ -4,8 +4,6 @@ const LinkRow = styled.div.attrs({
   className: "links links__row",
   role: "menubar"
 })`
-  width: 100%;
-
   .list-container {
     position: relative;
   }

diff --git a/src/components/NavBar/__tests__/__snapshots__/index.spec.js.snap b/src/components/NavBar/__tests__/__snapshots__/index.spec.js.snap
@@ -38,7 +38,6 @@ exports[`NavBar renders fixed 1`] = `
 }
 
 .c5 {
-  width: 100%;
   height: 60px;
 }
 
@@ -120,6 +119,10 @@ exports[`NavBar renders fixed 1`] = `
   text-decoration: none;
   border: 0;
   height: 60px;
+  outline: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   padding-right: 12px;
   padding-left: 16px;
   color: rgba(255,255,255,1);
@@ -149,6 +152,10 @@ exports[`NavBar renders fixed 1`] = `
   text-decoration: none;
   border: 0;
   height: 60px;
+  outline: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   padding-right: 12px;
   padding-left: 12px;
   color: rgba(255,255,255,1);
@@ -261,6 +268,13 @@ exports[`NavBar renders fixed 1`] = `
   }
 }
 
+@media screen and (min-width:320px) {
+  .c3 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
 @media screen and (min-width:769px) {
   .c3 {
     padding-left: 24px;
@@ -475,7 +489,6 @@ exports[`NavBar renders inverted 1`] = `
 }
 
 .c5 {
-  width: 100%;
   height: 60px;
 }
 
@@ -557,6 +570,10 @@ exports[`NavBar renders inverted 1`] = `
   text-decoration: none;
   border: 0;
   height: 60px;
+  outline: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   padding-right: 12px;
   padding-left: 16px;
   color: rgba(255,255,255,1);
@@ -586,6 +603,10 @@ exports[`NavBar renders inverted 1`] = `
   text-decoration: none;
   border: 0;
   height: 60px;
+  outline: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   padding-right: 12px;
   padding-left: 12px;
   color: rgba(255,255,255,1);
@@ -698,6 +719,13 @@ exports[`NavBar renders inverted 1`] = `
   }
 }
 
+@media screen and (min-width:320px) {
+  .c3 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
 @media screen and (min-width:769px) {
   .c3 {
     padding-left: 24px;
@@ -909,7 +937,6 @@ exports[`NavBar renders with defaults 1`] = `
 }
 
 .c3 {
-  width: 100%;
   height: 60px;
 }
 
@@ -1010,6 +1037,10 @@ exports[`NavBar renders with defaults 1`] = `
   text-decoration: none;
   border: 0;
   height: 60px;
+  outline: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   padding-right: 12px;
   padding-left: 16px;
   color: rgba(255,255,255,1);
@@ -1039,6 +1070,10 @@ exports[`NavBar renders with defaults 1`] = `
   text-decoration: none;
   border: 0;
   height: 60px;
+  outline: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   padding-right: 12px;
   padding-left: 12px;
   color: rgba(255,255,255,1);
@@ -1068,6 +1103,10 @@ exports[`NavBar renders with defaults 1`] = `
   text-decoration: none;
   border: 0;
   height: 60px;
+  outline: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   padding-right: 16px;
   padding-left: 12px;
   color: rgba(255,255,255,1);