From: Eric Morris Date: Fri, 3 Jan 2014 22:45:19 +0000 (-0800) Subject: Add Firefox hack to docs examples to restore responsive grid behavior in the browser. X-Git-Tag: v1.0.5~10 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=23fa566c662b328dd812d7e733ee98f1ca89a813;p=thirdparty%2Ffoundation%2Ffoundation-emails.git Add Firefox hack to docs examples to restore responsive grid behavior in the browser. --- diff --git a/docs/examples/basic-block-grid.html b/docs/examples/basic-block-grid.html index 19f3f741..c9a4eab0 100644 --- a/docs/examples/basic-block-grid.html +++ b/docs/examples/basic-block-grid.html @@ -18,6 +18,14 @@ table.columns td, table.column td { padding: 5px 0; height: 55px;} td.wrapper { padding-top: 5px 0; } table.block-grid { margin: 10px 0px;} + + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + } diff --git a/docs/examples/basic-grid.html b/docs/examples/basic-grid.html index 45706444..a6c2edee 100644 --- a/docs/examples/basic-grid.html +++ b/docs/examples/basic-grid.html @@ -17,6 +17,14 @@ table, tr, td { vertical-align: middle; } table.columns td, table.column td { padding: 0; } td.wrapper { padding-top: 0; } + + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + } diff --git a/docs/examples/basic-sub-grid.html b/docs/examples/basic-sub-grid.html index cc5ee5b3..0dd068a4 100644 --- a/docs/examples/basic-sub-grid.html +++ b/docs/examples/basic-sub-grid.html @@ -17,6 +17,14 @@ table, tr, td { vertical-align: middle; } table.columns td, table.column td { padding: 5px 0; height: 55px;} td.wrapper { padding-top: 5px 0; } + + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + } diff --git a/docs/examples/buttons.html b/docs/examples/buttons.html index 1af44177..83c3dbb1 100644 --- a/docs/examples/buttons.html +++ b/docs/examples/buttons.html @@ -13,6 +13,14 @@ padding-top: 25px; padding-bottom: 25px; } + + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + } diff --git a/docs/examples/center-class.html b/docs/examples/center-class.html index 2586cd41..cc47499a 100644 --- a/docs/examples/center-class.html +++ b/docs/examples/center-class.html @@ -13,6 +13,14 @@ padding-top: 25px; padding-bottom: 25px; } + + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + } diff --git a/docs/examples/even-columns.html b/docs/examples/even-columns.html index 1ae9e3d0..3bf1363d 100644 --- a/docs/examples/even-columns.html +++ b/docs/examples/even-columns.html @@ -13,6 +13,14 @@ padding-top: 25px; padding-bottom: 25px; } + + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + } diff --git a/docs/examples/images.html b/docs/examples/images.html index d5fcc3d9..a15d51f2 100644 --- a/docs/examples/images.html +++ b/docs/examples/images.html @@ -18,6 +18,14 @@ table.columns td, table.column td { padding: 5px 0; height: 55px;} td.wrapper { padding-top: 5px 0; } table.block-grid { margin: 10px 0px;} + + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + } diff --git a/docs/examples/offset-columns.html b/docs/examples/offset-columns.html index 68f94cf6..4691be68 100644 --- a/docs/examples/offset-columns.html +++ b/docs/examples/offset-columns.html @@ -13,6 +13,15 @@ padding-top: 25px; padding-bottom: 25px; } + + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + } + diff --git a/docs/examples/panel-sidebar.html b/docs/examples/panel-sidebar.html index af118c37..145b64e9 100644 --- a/docs/examples/panel-sidebar.html +++ b/docs/examples/panel-sidebar.html @@ -13,6 +13,14 @@ padding-top: 25px; padding-bottom: 25px; } + + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + } diff --git a/docs/examples/panel-sub-grid.html b/docs/examples/panel-sub-grid.html index 233fa963..15a1ca1a 100644 --- a/docs/examples/panel-sub-grid.html +++ b/docs/examples/panel-sub-grid.html @@ -13,6 +13,14 @@ padding-top: 25px; padding-bottom: 25px; } + + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + } diff --git a/docs/examples/panels.html b/docs/examples/panels.html index 6a921d34..5d56e577 100644 --- a/docs/examples/panels.html +++ b/docs/examples/panels.html @@ -13,6 +13,14 @@ padding-top: 25px; padding-bottom: 25px; } + + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + } diff --git a/docs/examples/text-pad.html b/docs/examples/text-pad.html index d98ea26b..06d91da8 100644 --- a/docs/examples/text-pad.html +++ b/docs/examples/text-pad.html @@ -15,7 +15,13 @@ background: #82CCE5; } - + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + } diff --git a/docs/examples/visibility-classes.html b/docs/examples/visibility-classes.html index c1330bc9..4bbdd86e 100644 --- a/docs/examples/visibility-classes.html +++ b/docs/examples/visibility-classes.html @@ -13,6 +13,14 @@ padding-top: 25px; padding-bottom: 25px; } + + /* Firefox display hack */ + @media only screen and (max-width: 600px) { + table[class="body"] .row tr, + table[class="body"] .row tbody { + display: block; + } + }