[Waste] Bulky items list editing improvements

- Shrinks sidebar - Removes per-item price field if feature not enabled - Uses entire page width for container For FD-4697
mysociety · Nov 4, 2024 · 0cb7540 · 0cb7540
1 parent bd545ee
commit 0cb7540
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 6 deletions.
diff --git a/templates/web/base/admin/waste/bulky_items.html b/templates/web/base/admin/waste/bulky_items.html
@@ -1,4 +1,4 @@
-[% INCLUDE 'admin/header.html' title=loc('Bulky items list') -%]
+[% INCLUDE 'admin/header.html' title=loc('Bulky items list') bodyclass="bulky-items" -%]
 [% PROCESS 'admin/report_blocks.html' %]
 
 [% INCLUDE status_message %]
@@ -29,10 +29,12 @@
             [% IF item.errors.message %]<label for="[[% i %]]">[% item.errors.message %]</label>[% END %]
             <input type="text" value="[% item.message %]" name="message[[% i %]]" />
         </td>
-        <td>
-            [% IF item.errors.price %]<label for="[[% i %]]">[% item.errors.price %]</label>[% END %]
-            <input type="text" value="[% item.price %]" name="price[[% i %]]" />
-        </td>
+        [% IF per_item_costs %]
+            <td>
+                [% IF item.errors.price %]<label for="[[% i %]]">[% item.errors.price %]</label>[% END %]
+                <input type="text" value="[% item.price %]" name="price[[% i %]]" />
+            </td>
+        [% END %]
         [% FOR property_type IN per_item_pricing_property_types %]
             [% price_for_property_type = "price_$property_type" %]
             <td>
@@ -60,7 +62,9 @@
                 <th>Category</th>
                 <th>Name</th>
                 <th>Message</th>
-                <th>Price (pence)</th>
+                [% IF per_item_costs %]
+                    <th>Price (pence)</th>
+                [% END %]
                 [% FOR property_type IN per_item_pricing_property_types %]
                     <th>[% property_type %] Price (pence)</th>
                 [% END %]

diff --git a/web/cobrands/sass/_admin.scss b/web/cobrands/sass/_admin.scss
@@ -342,3 +342,21 @@ textarea.code {
     font-family: monospace;
     max-width: initial;
 }
+
+// WasteWorks
+
+// Some layout improvements for bulky items editing
+body.bulky-items {
+    // Make the page full width
+    .container {
+        max-width: 100%;
+    }
+    // Shrink the sidebar to make more room for the main content
+    .container--sidebar .sticky-sidebar {
+        width: 11em;
+
+        aside {
+            width: 11em;
+        }
+    }
+}