home UI tweaks

- add margin around deep search cog - remove placeholder in case of broken favicon img
vincent-peugnet · Nov 14, 2023 · 585ed7c · 585ed7c
1 parent 4203057
commit 585ed7c
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/app/view/templates/home.php b/app/view/templates/home.php
@@ -1,4 +1,8 @@
-<?php $this->layout('layout', ['title' => 'home', 'stylesheets' => [$css . 'back.css', $css . 'home.css', $css . 'tagcolors.css'], 'favicon' => '']) ?>
+<?php
+
+use Wcms\Config;
+
+ $this->layout('layout', ['title' => 'home', 'stylesheets' => [$css . 'back.css', $css . 'home.css', $css . 'tagcolors.css'], 'favicon' => '']) ?>
 
 
 
@@ -242,7 +246,14 @@
                         <tr>
                             <?php if($user->issupereditor()) { ?><td><input type="checkbox" name="pagesid[]" value="<?= $item->id() ?>" id="id_<?= $item->id() ?>" form="multi"></td><?php } ?>
                             <?php if($columns['favicon']) { ?>
-                                <td class="favicon"><img class="favicon" src="<?= Wcms\Model::faviconpath() . $item->favicon() ?>" alt="<?= $item->favicon() ?>" title="<?= $item->favicon() ?>"></td>
+                                <td class="favicon">
+                                    <?php if(!empty($item->favicon())) { ?>
+                                    <picture>
+                                        <source srcset="<?= Wcms\Model::faviconpath() . $item->favicon() ?>" />
+                                        <img alt="" title="<?= $item->favicon() ?>" >
+                                    </picture>
+                                    <?php } ?>
+                                </td>
                             <?php } ?>
                             <td class="id">
                                 <label title="<?= $item->title() ?>" for="id_<?= $item->id() ?>">

diff --git a/assets/css/home.css b/assets/css/home.css
@@ -135,7 +135,7 @@ table td a.secure.public {
 }
 
 
-table img.favicon {
+table .favicon img {
     height: 16px;
     max-width: 32px;
 }
@@ -192,4 +192,8 @@ div#geomap {
     td.edit a, td.read a, td.delete a, td.download a {
         margin: 0 5px;
     }
+    #deepsearchbar summary {
+        font-size: 22px;
+        padding: 0 10px;
+    }
 }