fix: wysiwyg error state (#41)

unfoldadmin · Jan 10, 2023 · 5d0f2ea · 5d0f2ea
1 parent d4c9d7c
commit 5d0f2ea
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/src/unfold/contrib/forms/templates/unfold/forms/helpers/toolbar.html b/src/unfold/contrib/forms/templates/unfold/forms/helpers/toolbar.html
@@ -1,7 +1,7 @@
 {% load i18n %}
 
 <template id="trix-toolbar">
-    <div class="bg-gray-50 flex flex-row border px-3 py-2 relative rounded-t-md shadow-sm w-full dark:bg-white/[.02] dark:border-gray-700">
+    <div class="bg-gray-50 flex flex-row border group-[.errors]:border-t-red-600 group-[.errors]:border-x-red-600 px-3 py-2 relative rounded-t-md shadow-sm w-full dark:bg-white/[.02] dark:border-gray-700 dark:group-[.errors]:border-t-red-500 dark:group-[.errors]:border-x-red-500">
         <div data-trix-button-group="text-tools" class="bg-white border border-md flex flex-row mr-4 rounded-md shadow-sm dark:bg-gray-900 dark:border-gray-700 dark:text-gray-400">
             {% spaceless %}
                 <button type="button" data-trix-attribute="p" data-trix-key="p" title="{% trans "Paragraph" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">

diff --git a/src/unfold/contrib/forms/widgets.py b/src/unfold/contrib/forms/widgets.py
@@ -7,6 +7,7 @@
     "border",
     "border-gray-200",
     "border-t-0",
+    "group-[.errors]:border-red-600",
     "max-w-none",
     "p-4",
     "rounded-b-md",
@@ -16,6 +17,7 @@
     "focus:outline-none",
     "dark:border-gray-700",
     "dark:text-gray-400",
+    "dark:group-[.errors]:border-red-500",
 ]
 
 

diff --git a/src/unfold/static/unfold/css/styles.css b/src/unfold/static/unfold/css/styles.css