fix: dataset actions styling (#1629)

Author: lukasvinclav

src/unfold/forms.py

@@ -53,20 +53,20 @@ class ActionForm(forms.Form):
             {
                 "class": " ".join(
                     [
-                        "appearance-none",
-                        "!bg-white/20",
-                        "font-medium",
-                        "grow",
-                        "px-3",
-                        "py-2",
-                        "pr-8",
-                        "rounded-default",
-                        "!text-current",
-                        "truncate",
-                        "!outline-primary-400",
-                        "dark:!outline-primary-700",
-                        "*:text-base-700",
-                        "lg:w-72",
+                        "group-[.changelist-actions]:appearance-none",
+                        "group-[.changelist-actions]:!bg-white/20",
+                        "group-[.changelist-actions]:font-medium",
+                        "group-[.changelist-actions]:grow",
+                        "group-[.changelist-actions]:px-3",
+                        "group-[.changelist-actions]:py-2",
+                        "group-[.changelist-actions]:pr-8",
+                        "group-[.changelist-actions]:rounded-default",
+                        "group-[.changelist-actions]:!text-current",
+                        "group-[.changelist-actions]:truncate",
+                        "group-[.changelist-actions]:!outline-primary-400",
+                        "group-[.changelist-actions]:dark:!outline-primary-700",
+                        "group-[.changelist-actions]:*:text-base-700",
+                        "group-[.changelist-actions]:lg:w-72",
                     ]
                 ),
                 "aria-label": _("Select action to run"),

src/unfold/static/unfold/css/styles.css

@@ -3,7 +3,7 @@
 {% if actions_on_top %}
     {% if cl.search_fields or action_form or cl.has_filters %}
         <div class="bottom-0 left-0 right-0 hidden bg-primary-600 group-has-[input.action-select:checked]:flex fixed gap-3 lg:h-[64px] items-center p-3 z-50 lg:flex-row dark:bg-primary-500">
-            <div id="changelist-actions-wrapper" class="grow" {% if not is_popup %}x-bind:class="{'xl:ml-0': !sidebarDesktopOpen, 'xl:ml-72': sidebarDesktopOpen}"{% endif %}>
+            <div id="changelist-actions-wrapper" class="grow group changelist-actions" {% if not is_popup %}x-bind:class="{'xl:ml-0': !sidebarDesktopOpen, 'xl:ml-72': sidebarDesktopOpen}"{% endif %}>
                 {% if action_form %}
                     {% admin_actions %}
                 {% endif %}