fix: align dropdown and reduce vertical spacing for improved UX

octree-gva · Jan 22, 2025 · 11cf9f3 · 11cf9f3
1 parent 8937ff7
commit 11cf9f3
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 5 deletions.
diff --git a/decidim-budgets/app/packs/stylesheets/budgets.scss b/decidim-budgets/app/packs/stylesheets/budgets.scss
@@ -69,6 +69,12 @@
     }
   }
 
+  &__projects {
+    @apply -mt-12 sm:mt-0;
+  }
+
+
+
   &__card__list-project {
     @apply ml-auto rounded py-3 px-4 bg-background w-[30%] min-w-[120px] flex flex-col justify-center items-center lg:flex-row lg:justify-around lg:place-items-center;
   }
@@ -130,7 +136,7 @@
   }
 
   &__list--header {
-    @apply flex items-center justify-between;
+    @apply flex items-center -ml-2 sm:ml-0;
   }
 
   &-list {

diff --git a/decidim-budgets/app/views/decidim/budgets/projects/_order.html.erb b/decidim-budgets/app/views/decidim/budgets/projects/_order.html.erb
@@ -1 +1 @@
-<%= order_selector available_orders, i18n_scope: "decidim.budgets.projects.orders" %>
+<%= order_selector available_orders, i18n_scope: "decidim.budgets.projects.orders", class_css: "items-start pl-[18px]" %>
diff --git a/decidim-budgets/app/views/decidim/budgets/projects/index.html.erb b/decidim-budgets/app/views/decidim/budgets/projects/index.html.erb
@@ -61,7 +61,7 @@
       </section>
     <% end %>
 
-    <section id="projects" class="layout-main__section layout-main__heading">
+    <section id="projects" class="layout-main__section layout-main__heading budget__projects">
       <%= render partial: "projects" %>
     </section>
   <% else %>

diff --git a/decidim-core/app/helpers/decidim/orders_helper.rb b/decidim-core/app/helpers/decidim/orders_helper.rb
@@ -13,7 +13,8 @@ module OrdersHelper
     def order_selector(orders, options = {})
       render partial: "decidim/shared/orders", locals: {
         orders:,
-        i18n_scope: options[:i18n_scope]
+        i18n_scope: options[:i18n_scope],
+        class_css: options[:class_css]
       }
     end
 

diff --git a/decidim-core/app/views/decidim/shared/_orders.html.erb b/decidim-core/app/views/decidim/shared/_orders.html.erb
@@ -3,7 +3,7 @@
   <%= icon "arrow-up-s-line" %>
   <span><%= t("#{i18n_scope}.label") %></span>
 </button>
-<div id="dropdown-menu-order" class="order-by">
+<div id="dropdown-menu-order" class="order-by <%= class_css %>">
   <% orders.each do |order_name| %>
     <%= order_link order_name,
                    i18n_scope:,
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<%= order_selector available_orders, i18n_scope: "decidim.budgets.projects.orders" %>
		<%= order_selector available_orders, i18n_scope: "decidim.budgets.projects.orders", class_css: "items-start pl-[18px]" %>