Add anchors in admin (#402)

* Add anchors in admin * Fix whitespace * Add some css
jazzband · Jun 9, 2020 · 788616d · 788616d
1 parent a304c4f
commit 788616d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/constance/static/admin/css/constance.css b/constance/static/admin/css/constance.css
@@ -13,6 +13,16 @@
 .help {
     font-weight: normal !important;
 }
-#results{
+#results {
     overflow-x: auto;
-}
+}
+.item-anchor {
+    visibility: hidden;
+    margin-left: .1em;
+} 
+.item-name {
+    white-space: nowrap;
+}
+.item-name:hover .item-anchor {
+    visibility: visible;
+}
diff --git a/constance/templates/admin/constance/includes/results_list.html b/constance/templates/admin/constance/includes/results_list.html
@@ -12,7 +12,11 @@
         {% for item in config_values %}
         <tr class="{% cycle 'row1' 'row2' %}">
             <th>
-                {{ item.name }} <div class="help">{{ item.help_text|linebreaksbr }}</div>
+                <span class="item-name" id="{{ item.name|slugify }}">
+                    {{ item.name }}
+                    <a class="item-anchor" href="#{{ item.name|slugify }}" title="Link to this setting">¶</a>
+                </span>
+                <div class="help">{{ item.help_text|linebreaksbr }}</div>
             </th>
             <td>
                 {{ item.default|linebreaks }}