chg: [layout:sidebar] Only show collapsible parents if they have children

templates/element/layouts/sidebar/entry.php

@@ -8,7 +8,7 @@
     if (!empty($children)) {
         $url = "#{$seed}";
     } else {
-        $url = $parent['url'] ?? '#';
+        $url = $parent['url'] ?? false;
     }
 
     $controller = \Cake\Utility\Inflector::variable($this->request->getParam('controller'));
@@ -59,6 +59,7 @@
 ?>
 
 <li class="<?= !empty($children) ? 'parent collapsed' : '' ?>">
+    <?php if (!empty($children) || !empty($url)): ?>
         <a
             class="d-flex align-items-center sidebar-link <?= !empty($children) ? 'collapsed' : '' ?> <?= $active ? 'active' : '' ?> <?= $hasActiveChild ? 'have-active-child' : '' ?>"
             href="<?= h($url) ?>"
@@ -93,4 +94,5 @@
                 ]);
             ?>
         <?php endif; ?>
+    <?php endif; ?>
 </li>

webroot/css/layout.css

@@ -328,6 +328,10 @@ ul.sidebar-elements > li > a.sidebar-link > * {
     vertical-align: middle;
 }
 
+ul.sidebar-elements li.parent .sub-menu > li > a.sidebar-link > i.sidebar-icon {
+    margin-right: 8px;
+}
+
 ul.sidebar-elements > li > a.sidebar-link > i.sidebar-icon {
     margin-right: 10px;
     font-size: 19px;