Merge pull request #124 from Icinga/full-width

Add full-width class to item lists

Author: lippserd

library/Kubernetes/Web/Controller.php

@@ -4,6 +4,8 @@
 
 namespace Icinga\Module\Kubernetes\Web;
 
+use Icinga\Module\Kubernetes\Common\BaseItemList;
+use ipl\Html\ValidHtml;
 use ipl\Stdlib\Filter;
 use ipl\Web\Compat\CompatController;
 use ipl\Web\Filter\QueryString;
@@ -55,4 +57,20 @@ protected function getFilter(): Filter\Rule
 
         return $this->filter;
     }
+
+    /**
+     * Add the full-width class to the content element of BaseItemList instances.
+     *
+     * @param ValidHtml $content
+     *
+     * @return Controller
+     */
+    protected function addContent(ValidHtml $content)
+    {
+        if ($content instanceof BaseItemList) {
+            $this->content->addAttributes(['class' => 'full-width']);
+        }
+
+        return parent::addContent($content);
+    }
 }

public/css/module.less

@@ -128,3 +128,16 @@
   }
 }
 
+.content.full-width {
+  padding-left: 0;
+  padding-right: 0;
+
+  .item-list .list-item {
+    // The .list-item itself can't have padding because of `display:table-row`
+    &:before, &:after {
+      display: inline-block;
+      content: '\00a0';
+      width: 1em;
+    }
+  }
+}