From: rabuzarus <>
Date: Fri, 6 May 2016 22:34:18 +0000 (+0200)
Subject: apply bootstrap media fix (maybe we remove it again, lets test it)
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=a73ec108ad41070b5bdc11d6c9327bb45af5ccdd;p=friendica.git

apply bootstrap media fix (maybe we remove it again, lets test it)
---

diff --git a/css/style.css b/css/style.css
index d17e283503..bf279131ac 100644
--- a/css/style.css
+++ b/css/style.css
@@ -165,6 +165,29 @@ iframe, img {
     background: $link_hover_color;
 }
 
+/* Bootstrap media class fix/hack
+ * This is a test. I thought it does have some
+ * issues in some corner cases. Maybe we remove
+ * once more
+ * https://github.com/twbs/bootstrap/issues/6053
+ */
+.media, .media-body {
+    overflow: visible;
+}
+.media .media-body {
+    display: table-cell;
+    width: 10000px;
+    *width: auto;
+    *zoom: 1;
+}
+.media:before, .media:after {
+    content: "";
+    display: table;
+}
+.media:after {
+    clear: both;
+}
+
 /* Badges */
 .badge {
     vertical-align: baseline;
@@ -1611,17 +1634,17 @@ ul.viewcontact_wrapper > li {
 }
 /* bootstrap hack for .media */
 .contact-wrapper.media .media-body {
-display: table-cell;
-width: 10000px;
-*width: auto;
-*zoom: 1;
+    display: table-cell;
+    width: 10000px;
+    *width: auto;
+    *zoom: 1;
 }
 .contact-wrapper.media:before, .media:after {
-content: "";
-display: table;
+    content: "";
+    display: table;
 }
 .contact-wrapper.media:after {
-clear: both;
+    clear: both;
 }
 .contact-wrapper .contact-photo-image-wrapper img.contact-photo.xl {
     height: 80px;