Admin console: produced much simpler version

diff --git a/css/admin.css b/css/admin.css
index faa614cd4f2c5d39f0d67ea8f1a8f9b0ed12bd74..41d332fd41ec8c266f2be4fa08b06495c432324a 100644 (file)
--- a/css/admin.css
+++ b/css/admin.css
@@ -43,3 +43,19 @@
   border: 1px solid #000;
   text-align: center;
 }
+
+@media screen and (min-width: 480px) {
+  #crm-container .admin-section-items {
+    column-count: 2;
+    column-gap: 1em;
+  }
+  #crm-container .admin-section-items dl {
+    -webkit-column-break-inside: avoid;
+    page-break-inside: avoid;
+    break-inside: avoid;
+    margin: 0 1em;
+  }
+  #crm-container .admin-section-items dt {
+    font-weight: bold;
+  }
+}

diff --git a/templates/CRM/Admin/Page/Admin.tpl b/templates/CRM/Admin/Page/Admin.tpl
index a6fd4308d3f10be9f5438ba4c0a743b96deabff0..cb996b03946e4b6154436d6d478fde20a814b77b 100644 (file)
--- a/templates/CRM/Admin/Page/Admin.tpl
+++ b/templates/CRM/Admin/Page/Admin.tpl
@@ -25,6 +25,19 @@
 
 {strip}
 <div class="crm-content-block">
+{foreach from=$adminPanel key=groupName item=group}
+<div id="admin-section-{$groupName}">
+  <h3>{$group.title}</h3>
+  <div class="admin-section-items">
+    {foreach from=$group.fields item=panelItem  key=panelName}
+    <dl>
+      <dt><a href="{$panelItem.url}"{if $panelItem.extra} {$panelItem.extra}{/if} id="id_{$panelItem.id}">{$panelItem.title}</a></dt>
+      <dd>{$panelItem.desc}</dd>
+    </dl>
+    {/foreach}
+  </div>
+</div>
+{/foreach}
 {foreach from=$adminPanel key=groupName item=group name=adminLoop}
  <div id="id_{$groupName}_show" class="section-hidden{if $smarty.foreach.adminLoop.last eq false} section-hidden-border{/if}">
     <table class="form-layout">