Add custom css to workshop

Author: bruecksen

bakeup/core/migrations/0010_clientsetting_custom_css.py

@@ -0,0 +1,22 @@
+# Generated by Django 4.2.23 on 2026-04-29 17:53
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("core", "0009_clientsetting_account_signup_email_enter_twice"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="clientsetting",
+            name="custom_css",
+            field=models.TextField(
+                blank=True,
+                help_text="Add custom CSS workshop backend.",
+                null=True,
+                verbose_name="Custom CSS",
+            ),
+        ),
+    ]

bakeup/core/models.py

@@ -133,6 +133,12 @@ class ClientSetting(models.Model):
     account_email_verification = models.CharField(
         max_length=12, choices=ACCOUNT_EMAIL_VERIFICATION_CHOICES, default="optional"
     )
+    custom_css = models.TextField(
+        blank=True,
+        null=True,
+        verbose_name="Custom CSS",
+        help_text="Add custom CSS workshop backend.",
+    )
     account_signup_email_enter_twice = models.BooleanField(default=False)
     is_newsletter_enabled = models.BooleanField(default=False)
     wagtail_reference_index_ignore = True

bakeup/templates/workshop/base.html

@@ -1,6 +1,14 @@
 {% extends "base.html" %}
 {% load i18n %}
 
+{% block theme %}
+{% if request.tenant.clientsetting.custom_css %}
+  <style>
+    {{ request.tenant.clientsetting.custom_css|safe }}
+  </style>
+{% endif %}
+{% endblock %}
+
 {% block content %}
 <div class="container-fluid">
     <div class="row flex-nowrap">

bakeup/templates/workshop/productionday_detail.html

@@ -61,7 +61,7 @@ <h2 class="mt-4">{% trans "Summary" %}
 
       <a href="{% url 'workshop:production-plans-finish' production_day=object.pk %}?next={{ object.get_absolute_url }}" class="btn{% if not has_plans_to_finish %} disabled{% endif %} btn-success btn-sm d-print-none btn-sm float-end me-2"{% if not has_plans_to_finish %} aria-disabled="true"{% endif %}>{% trans "Finish all" %}</a>
       <a href="{% url 'workshop:production-plans-start' production_day=object.pk %}?next={{ object.get_absolute_url }}" class="btn{% if not has_plans_to_start %} disabled{% endif %} btn-warning btn-sm d-print-none btn-sm float-end me-2"{% if not has_plans_to_start %} aria-disabled="true"{% endif %}>{% trans "Start all" %}</a>
-      <a href="{% url 'workshop:production-day-order-max-quantities' pk=object.pk %}?next={{ object.get_absolute_url }}" class="btn{% if not has_plans_to_start %} disabled{% endif %} btn-primary btn-sm d-print-none btn-sm float-end me-2"{% if not has_plans_to_start %} aria-disabled="true"{% endif %}>{% trans "Order max. quantities" %}</a>
+      <a href="{% url 'workshop:production-day-order-max-quantities' pk=object.pk %}?next={{ object.get_absolute_url }}" id="btn-order-max-qty" class="btn{% if not has_plans_to_start %} disabled{% endif %} btn-primary btn-sm d-print-none btn-sm float-end me-2"{% if not has_plans_to_start %} aria-disabled="true"{% endif %}>{% trans "Order max. quantities" %}</a>
     </h2>
     <table class="table table-white table-hover">
       <thead>