fix(grid-list): Gracefully degrade tile width. (#1136)

material-components · Aug 17, 2017 · 97575c3 · 97575c3
1 parent 7a0e8b6
commit 97575c3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/demos/grid-list.html b/demos/grid-list.html
@@ -45,7 +45,7 @@
       }
 
       .hero .mdc-grid-list {
-        max-width: 320px;
+        width: 320px;
         background-color: white;
       }
 

diff --git a/packages/mdc-grid-list/mdc-grid-list.scss b/packages/mdc-grid-list/mdc-grid-list.scss
@@ -129,6 +129,9 @@ $mdc-grid-list-tile-secondary-icon-size: 24px;
 .mdc-grid-tile {
   display: block;
   position: relative;
+
+  /* @alternate */
+  width: $mdc-grid-list-tile-width;
   width: var(--mdc-grid-list-tile-width, $mdc-grid-list-tile-width);
 
   &__primary {