Use flex instead of float to layout site entry listing. #2168

omeka · Mar 20, 2024 · ae921a2 · ae921a2
1 parent 5c7c380
commit ae921a2
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/application/asset/css/page-blocks.css b/application/asset/css/page-blocks.css
diff --git a/application/asset/sass/page-blocks.scss b/application/asset/sass/page-blocks.scss
@@ -299,6 +299,11 @@
     .site {
         margin-bottom: .5rem;
         @include clearfix;
+        display: flex;
+    }
+
+    .site-thumbnail {
+        flex: 0 0 auto;
     }
 
     .site-link {
@@ -314,7 +319,6 @@
 
     .site-thumbnail-image {
         max-height: 3 * $base-line-height;
-        float: left;
         margin-right: 1rem;
     }
 }

diff --git a/application/view/common/site-list-entry.phtml b/application/view/common/site-list-entry.phtml
@@ -6,8 +6,10 @@ $summary = $showSummary ? $site->summary() : null;
     <?php if ($thumbnail): ?>
     <div class="site-thumbnail"><?php echo $this->thumbnail($thumbnail, 'square', ['class' => 'site-thumbnail-image']); ?></div>
     <?php endif; ?>
-    <?php echo $this->hyperlink($site->title(), $site->siteUrl(), ['class' => 'site-link']); ?>
-    <?php if ($summary): ?>
-    <p class="site-summary"><?php echo nl2br($this->escapeHtml($summary)); ?></p>
-    <?php endif; ?>
+    <div class="site-text">
+        <?php echo $this->hyperlink($site->title(), $site->siteUrl(), ['class' => 'site-link']); ?>
+        <?php if ($summary): ?>
+        <p class="site-summary"><?php echo nl2br($this->escapeHtml($summary)); ?></p>
+        <?php endif; ?>
+    </div>
 </div>