ref: 08d41c3a48548597a33f460f209974b64591c6fa
parent: 218554e363084ddc248cba180708797fca23eb02
author: Anthony Fok <[email protected]>
date: Thu Oct 1 23:27:38 EDT 2015
Fix strange carousel width on http://gohugo.io/
The solution is to add `table-layout:fixed` when `display:table` is used
as per the answer given at:
http://stackoverflow.com/questions/21230184/owl-carousel-inside-a-table-cell-parent-makes-parent-to-expand-weird
Fixes #1465
--- a/docs/layouts/index.html
+++ b/docs/layouts/index.html
@@ -20,8 +20,8 @@
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<style type="text/css">
- .owl-carousel a {- white-space: nowrap;
+ .callout {+ table-layout: fixed;
}
</style>
</head>
@@ -89,7 +89,7 @@
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="lead-icon icon-rocket"></i>
- <h2>Fast & Powerful</h2>
+ <h2>Fast & Powerful</h2>
<p class="lead">
Hugo is written for speed and performance. Great care has been
--- a/docs/static/css/HPstyles.css
+++ b/docs/static/css/HPstyles.css
@@ -167,6 +167,7 @@
.callout {color: #ffffff;
display: table;
+ table-layout: fixed;
height: 420px;
width: 100%;
background-color: rgb(118,156,172);