Fixed flexbox issues with PhantomJS

7 years ago · f42295484d
1 changed files with 17 additions and 2 deletions
--- a/app/assets/stylesheets/_application.scss
+++ b/app/assets/stylesheets/_application.scss
@ -4859,8 +4859,10 @@ html[data-ontop] {
        }

        .github {
-            @include _(flex, none);
-            @include _(flex-basis, auto);
+            @if capable_of(flexbox, true) {
+                @include _(flex, none);
+                @include _(flex-basis, auto);
+            }
            margin: 0 1em;
        }
        .facebook, .external {
@ -4883,6 +4885,19 @@ html[data-ontop] {
            margin: 0 0 0 2em;
            text-align: left;
        }
+
+        @if not capable_of(flexbox, true) {
+            margin-top: 5em;
+
+            .external {
+                float: left;
+            }
+
+            .site-info {
+                float: right;
+                margin-top: -3.5em;
+            }
+        }
    }

    .check-box-field,