strk/friendica
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

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

Browse source
This commit is contained in:
rabuzarus 2016-05-07 00:34:18 +02:00
parent 5a878de119
commit a73ec108ad
1 changed files with 30 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
css/style.css
View file

@ -165,6 +165,29 @@ iframe, img {
background: $link_hover_color; 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 */ /* Badges */
.badge { .badge {
vertical-align: baseline; vertical-align: baseline;
@ -1611,17 +1634,17 @@ ul.viewcontact_wrapper > li {
} }
/* bootstrap hack for .media */ /* bootstrap hack for .media */
.contact-wrapper.media .media-body { .contact-wrapper.media .media-body {
display: table-cell; display: table-cell;
width: 10000px; width: 10000px;
*width: auto; *width: auto;
*zoom: 1; *zoom: 1;
} }
.contact-wrapper.media:before, .media:after { .contact-wrapper.media:before, .media:after {
content: ""; content: "";
display: table; display: table;
} }
.contact-wrapper.media:after { .contact-wrapper.media:after {
clear: both; clear: both;
} }
.contact-wrapper .contact-photo-image-wrapper img.contact-photo.xl { .contact-wrapper .contact-photo-image-wrapper img.contact-photo.xl {
height: 80px; height: 80px;