Fixed floated content extending past page body

As shown in #2055

diff --git a/resources/sass/_layout.scss b/resources/sass/_layout.scss
index 197d5271b7d1017cf8c2293c494a46dbc392ac40..595713feba11a4f08d92e05198b46b148a07da10 100644 (file)
--- a/resources/sass/_layout.scss
+++ b/resources/sass/_layout.scss
@@ -184,12 +184,12 @@ body.flexbox {
 /**
  * Fixes
  */
-.clearfix:before,
-.clearfix:after {
+.clearfix::before,
+.clearfix::after {
   content: " ";
   display: table;
 }
-.clearfix:after {
+.clearfix::after {
   clear: both;
 }
 

diff --git a/resources/views/pages/show.blade.php b/resources/views/pages/show.blade.php
index dfe0a9d7d2fbe28d6e9b9129c66ce72ac1811412..cfa5ee9ce08572c3225a4223f5d6ac24e3e257d6 100644 (file)
--- a/resources/views/pages/show.blade.php
+++ b/resources/views/pages/show.blade.php
@@ -11,7 +11,7 @@
     </div>
 
     <main class="content-wrap card">
-        <div class="page-content" page-display="{{ $page->id }}">
+        <div class="page-content clearfix" page-display="{{ $page->id }}">
             @include('pages.pointer', ['page' => $page])
             @include('pages.page-display')
         </div>