decidim-admin 0.30.1 → 0.31.0.rc1

data/app/views/decidim/admin/participatory_space_private_users/index.html.erb

@@ -4,16 +4,16 @@
     <h1 class="item_show__header-title">
       <%= t(".title") %>
       <% if allowed_to? :create, :space_private_user %>
-        <%= link_to t(".publish_all"), publish_all_participatory_space_private_users_path(current_participatory_space), class: "button button__sm button__secondary publish-all", method: :post %>
-        <%= link_to t(".unpublish_all"), unpublish_all_participatory_space_private_users_path(current_participatory_space), class: "button button__sm button__secondary unpublish-all", method: :post %>
-        <%= link_to t(".import_via_csv"), new_participatory_space_private_users_csv_imports_path, class: "button button__sm button__secondary import" %>
+        <%= link_to t(".publish_all"), publish_all_participatory_space_private_users_path(current_participatory_space), class: "button button__sm button__transparent-secondary publish-all", method: :post %>
+        <%= link_to t(".unpublish_all"), unpublish_all_participatory_space_private_users_path(current_participatory_space), class: "button button__sm button__transparent-secondary unpublish-all", method: :post %>
+        <%= link_to t(".import_via_csv"), new_participatory_space_private_users_csv_imports_path, class: "button button__sm button__transparent-secondary import" %>
         <%= link_to t("actions.participatory_space_private_user.new", scope: "decidim.admin"), url_for(action: :new), class: "button button__sm button__secondary new" %>
       <% end %>
     </h1>
   </div>
   <%= admin_filter_selector(:participatory_space_private_users) %>
   <% if participatory_space_private_users.any? %>
-    <div class="table-scroll mt-4">
+    <div class="table-stacked mt-4">
       <table class="table-list">
         <thead>
           <tr>
@@ -32,45 +32,72 @@
             <th>
               <%= sort_link(query, :invitation_accepted_at, t("models.user.fields.invitation_accepted_at", scope: "decidim.admin"), default_order: :desc ) %>
             </th>
-            <th></th>
+            <th><%= t("decidim.admin.actions.actions") %></th>
           </tr>
         </thead>
         <tbody>
           <% participatory_space_private_users.each do |private_user| %>
             <tr>
-              <td>
-                <%= private_user.user.name %><br>
+              <td data-label="<%= t("models.user.fields.name", scope: "decidim.admin") %>">
+                <%= private_user.user.name %>
               </td>
-              <td>
-                <%= private_user.user.email %><br>
+              <td data-label="<%= t("models.user.fields.email", scope: "decidim.admin") %>">
+                <%= private_user.user.email %>
               </td>
-              <td>
+              <td data-label="<%= t("models.user.fields.published", scope: "decidim.admin") %>">
                 <% if private_user.published %>
                   <%= icon "check-line", class: "text-success" %>
                 <% end %>
               </td>
-              <td>
+              <td data-label="<%= t("models.user.fields.invitation_sent_at", scope: "decidim.admin") %>">
                 <% if private_user.user.invitation_sent_at %>
                   <%= l private_user.user.invitation_sent_at, format: :short %>
                 <% end %>
               </td>
-              <td>
+              <td data-label="<%= t("models.user.fields.invitation_accepted_at", scope: "decidim.admin") %>">
                 <% if private_user.user.invitation_accepted_at %>
                   <%= l private_user.user.invitation_accepted_at, format: :short %>
                 <% end %>
               </td>
-              <td class="table-list__actions">
-                <% if allowed_to?(:invite, :space_private_user, private_user: private_user) && private_user.user.invited_to_sign_up? %>
-                  <%= icon_link_to "refresh-line", resend_invitation_participatory_space_private_user_path(current_participatory_space, private_user), t("actions.resend_invitation", scope: "decidim.admin"), class: "resend-invitation", method: :post %>
-                <% end %>
+              <td data-label="<%= t("decidim.admin.actions.actions") %>" class="table-list__actions">
+                <button type="button" data-controller="dropdown" data-target="actions-private-user-<%= private_user.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: private_user.user.name) %>">
+                  <%= icon "more-fill", class: "text-secondary" %>
+                </button>
 
-                <% if allowed_to? :destroy, :space_private_user, private_user: private_user %>
-                  <%= icon_link_to "delete-bin-line", participatory_space_private_user_path(current_participatory_space, private_user), t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
-                <% end %>
+                <div class="inline-block relative">
+                  <ul id="actions-private-user-<%= private_user.id %>" class="dropdown dropdown__action" aria-hidden="true">
+                    <% if allowed_to?(:edit, :space_private_user, private_user: private_user) %>
+                      <li class="dropdown__item">
+                        <%= link_to edit_participatory_space_private_user_path(current_participatory_space, private_user), class: "dropdown__button" do %>
+                          <%= icon "pencil-line" %>
+                          <%= t("actions.edit", scope: "decidim.admin") %>
+                        <% end %>
+                      </li>
 
-                <% if allowed_to? :edit, :space_private_user, private_user: private_user %>
-                  <%= icon_link_to "pencil-line", edit_participatory_space_private_user_path(current_participatory_space, private_user), t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit" %>
-                <% end %>
+                      <hr>
+                    <% end %>
+
+                    <% if allowed_to?(:invite, :space_private_user, private_user: private_user) && private_user.user.invited_to_sign_up? %>
+                      <li class="dropdown__item">
+                        <%= link_to resend_invitation_participatory_space_private_user_path(current_participatory_space, private_user), method: :post, class: "dropdown__button" do %>
+                          <%= icon "refresh-line" %>
+                          <%= t("actions.resend_invitation", scope: "decidim.admin") %>
+                        <% end %>
+                      </li>
+
+                      <hr>
+                    <% end %>
+
+                    <% if allowed_to?(:destroy, :space_private_user, private_user: private_user) %>
+                      <li class="dropdown__item">
+                        <%= link_to participatory_space_private_user_path(current_participatory_space, private_user), method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") }, class: "dropdown__button" do %>
+                          <%= icon "delete-bin-line" %>
+                          <%= t("actions.destroy", scope: "decidim.admin") %>
+                        <% end %>
+                      </li>
+                    <% end %>
+                  </ul>
+                </div>
               </td>
             </tr>
           <% end %>

data/app/views/decidim/admin/resource_permissions/edit.html.erb

@@ -7,7 +7,7 @@
     </h1>
   </div>
 
-  <%= form_for @permissions_form, url: url_for(action: :update, **resource_params), html: { class: "form form-defaults" }, method: "put" do |permissions_form| %>
+  <%= decidim_form_for @permissions_form, url: url_for(action: :update, **resource_params), html: { class: "form form-defaults" }, method: "put" do |permissions_form| %>
     <div class="form__wrapper">
       <%= permissions_form.fields_for :permissions, permissions_form.object do |action_permission_form| %>
         <% action_permission_form.object.permissions.each do |action, permission| %>

data/app/views/decidim/admin/scope_types/index.html.erb

@@ -10,39 +10,58 @@
     </h1>
   </div>
 
-<div class="callout warning"><%= t("scopes.deprecated", scope: "decidim.admin") %></div>
+<div class="flash warning"><%= t("scopes.deprecated", scope: "decidim.admin") %></div>
 
-  <div class="table-scroll">
+  <div class="table-stacked">
     <table class="table-list">
       <thead>
         <tr>
           <th><%= t("models.scope_type.fields.name", scope: "decidim.admin") %></th>
           <th><%= t("models.scope_type.fields.plural", scope: "decidim.admin") %></th>
-          <th></th>
+          <th><%= t("decidim.admin.actions.actions") %></th>
         </tr>
       </thead>
       <tbody>
         <% scope_types.each do |scope_type| %>
           <tr>
-            <td>
+            <td data-label="<%= t("models.scope_type.fields.name", scope: "decidim.admin") %>">
               <% if allowed_to? :update, :scope_type, scope_type: scope_type %>
                 <%= link_to translated_attribute(scope_type.name), [:edit, scope_type] %>
               <% else %>
                 <%= translated_attribute(scope_type.name) %>
               <% end %>
             </td>
-            <td>
+            <td data-label="<%= t("models.scope_type.fields.plural", scope: "decidim.admin") %>">
               <%= translated_attribute(scope_type.plural) %>
             </td>
-            <td class="table-list__actions">
+            <td data-label="<%= t("decidim.admin.actions.actions") %>" class="table-list__actions">
+              <button type="button" data-controller="dropdown" data-target="actions-scope-type-<%= scope_type.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: translated_attribute(scope_type.name)) %>">
+                <%= icon "more-fill", class: "text-secondary" %>
+              </button>
 
-              <% if allowed_to? :update, :scope_type, scope_type: scope_type %>
-                <%= icon_link_to "pencil-line", [:edit, scope_type], t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit", method: :get, data: {} %>
-              <% end %>
+              <div class="inline-block relative">
+                <ul id="actions-scope-type-<%= scope_type.id %>" class="dropdown dropdown__action" aria-hidden="true">
+                  <% if allowed_to? :update, :scope_type, scope_type: scope_type %>
+                    <li class="dropdown__item">
+                      <%= link_to [:edit, scope_type], method: :get, class: "dropdown__button" do %>
+                        <%= icon "pencil-line" %>
+                        <%= t("actions.edit", scope: "decidim.admin") %>
+                      <% end %>
+                    </li>
 
-              <% if allowed_to? :destroy, :scope_type, scope_type: scope_type %>
-                <%= icon_link_to "delete-bin-line", scope_type, t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
-              <% end %>
+                    <hr>
+                  <% end %>
+
+                  <% if allowed_to? :destroy, :scope_type, scope_type: scope_type %>
+                    <li class="dropdown__item">
+                      <%= link_to scope_type, method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") }, class: "dropdown__button" do %>
+                        <%= icon "delete-bin-line" %>
+                        <%= t("actions.destroy", scope: "decidim.admin") %>
+                      <% end %>
+                    </li>
+                  <% end %>
+                </ul>
+              </div>
             </td>
           </tr>
         <% end %>

data/app/views/decidim/admin/scopes/index.html.erb

@@ -10,37 +10,64 @@
     </h1>
   </div>
 
-  <div class="callout warning"><%= t("scopes.deprecated", scope: "decidim.admin") %></div>
+  <div class="flash warning"><%= t("scopes.deprecated", scope: "decidim.admin") %></div>
 
   <% if @scopes.any? %>
-    <div class="table-scroll">
+    <div class="table-stacked">
       <table class="table-list">
       <thead>
         <tr>
           <th><%= t("models.scope.fields.name", scope: "decidim.admin") %></th>
           <th><%= t("models.scope.fields.scope_type", scope: "decidim.admin") %></th>
-          <th></th>
+          <th><%= t("decidim.admin.actions.actions") %></th>
         </tr>
       </thead>
       <tbody>
         <% @scopes.each do |scope| %>
           <tr>
-            <td>
+            <td data-label="<%= t("models.scope.fields.name", scope: "decidim.admin") %>">
               <%= link_to translated_attribute(scope.name), scope_scopes_path(scope) %>
             </td>
-            <td>
+            <td data-label="<%= t("models.scope.fields.scope_type", scope: "decidim.admin") %>">
               <%= scope.scope_type ? translated_attribute(scope.scope_type.name) : "-" %>
             </td>
-            <td class="table-list__actions">
-              <%= icon_link_to "zoom-in-line", scope_scopes_path(scope), t("actions.browse", scope: "decidim.admin"), class: "action-icon--browse", method: :get, data: {} %>
+            <td data-label="<%= t("decidim.admin.actions.actions") %>" class="table-list__actions">
+              <button type="button" data-controller="dropdown" data-target="actions-scope-<%= scope.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: translated_attribute(scope.name)) %>">
+                <%= icon "more-fill", class: "text-secondary" %>
+              </button>
 
-              <% if allowed_to? :update, :scope, scope: scope %>
-                <%= icon_link_to "pencil-line", [:edit, scope], t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit", method: :get, data: {} %>
-              <% end %>
+              <div class="inline-block relative">
+                <ul id="actions-scope-<%= scope.id %>" class="dropdown dropdown__action" aria-hidden="true">
+                  <% if allowed_to? :update, :scope, scope: scope %>
+                    <li class="dropdown__item">
+                      <%= link_to [:edit, scope], method: :get, class: "dropdown__button" do %>
+                        <%= icon "pencil-line" %>
+                        <%= t("actions.edit", scope: "decidim.admin") %>
+                      <% end %>
+                    </li>
 
-              <% if allowed_to? :destroy, :scope, scope: scope %>
-                <%= icon_link_to "delete-bin-line", scope, t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
-              <% end %>
+                    <hr>
+                  <% end %>
+
+                  <li class="dropdown__item">
+                    <%= link_to scope_scopes_path(scope), method: :get, class: "dropdown__button" do %>
+                      <%= icon "zoom-in-line" %>
+                      <%= t("actions.browse", scope: "decidim.admin") %>
+                    <% end %>
+                  </li>
+
+                  <% if allowed_to? :destroy, :scope, scope: scope %>
+                    <hr>
+
+                    <li class="dropdown__item">
+                      <%= link_to scope, method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") }, class: "dropdown__button" do %>
+                        <%= icon "delete-bin-line" %>
+                        <%= t("actions.destroy", scope: "decidim.admin") %>
+                      <% end %>
+                    </li>
+                  <% end %>
+                </ul>
+              </div>
             </td>
           </tr>
         <% end %>

data/app/views/decidim/admin/share_tokens/_form.html.erb

@@ -27,7 +27,7 @@
 </div>
 
 <script>
-  document.addEventListener("DOMContentLoaded", () => {
+  document.addEventListener("turbo:load", () => {
     const expiresButton = document.querySelector("input[name='share_token[no_expiration]'][value='false']");
     const expiresAtRadioButtons = document.querySelectorAll("input[name='share_token[no_expiration]']");
     const expiresAtWrapper = document.getElementById("expires_at_field_wrapper");

data/app/views/decidim/admin/share_tokens/edit.html.erb

@@ -16,7 +16,7 @@
               <label for="share_token-token"><%= t("token", scope: "decidim.admin.models.share_token.fields") %></label>
               <div class="flex gap-4">
                 <%= text_field_tag :token, current_token.token, id: "share_token-token", aria: { label: t("token", scope: "decidim.admin.models.share_token.fields") }, disabled: true %>
-                <button type="button" class="button button__sm button__secondary text-nowrap" data-clipboard-copy="#share_token-token" data-clipboard-content="<%= current_token.url %>" data-clipboard-copy-label="<%= t("copied", scope: "decidim.admin.share_tokens.index") %>" data-clipboard-copy-message="<%= t("copy_message", scope: "decidim.admin.share_tokens.index") %>"><%= t("actions.copy_link", scope: "decidim.admin.share_tokens") %></button>
+                <button type="button" class="button button__sm button__secondary text-nowrap" data-controller="clipboard-copy" data-clipboard-copy="#share_token-token" data-clipboard-content="<%= current_token.url %>" data-clipboard-copy-label="<%= t("copied", scope: "decidim.admin.share_tokens.index") %>" data-clipboard-copy-message="<%= t("copy_message", scope: "decidim.admin.share_tokens.index") %>"><%= t("actions.copy_link", scope: "decidim.admin.share_tokens") %></button>
               </div>
             </div>
             <%= render partial: "form", object: f %>

data/app/views/decidim/admin/share_tokens/index.html.erb

@@ -9,7 +9,7 @@
     <p class="help-text whitespace-pre-line"><%= t(".share_tokens_help_html", clipboard: icon("clipboard-line", class: "inline-block mb-1")) %></p>
   </div>
   <% if @share_tokens.any? %>
-    <div class="table-scroll">
+    <div class="table-stacked">
       <table class="table-list">
         <thead>
           <tr>
@@ -23,17 +23,74 @@
         <tbody>
           <% @share_tokens.each do |share_token| %>
             <tr>
-              <td id="js-token-<%= share_token.id %>"><%= share_token.token %></td>
-              <td><%= share_token.expires_at.present? ?
-                        content_tag(:span, l(share_token.expires_at, format: :decidim_short), class: share_token.expired? ? "text-warning" : nil ) :
-                        content_tag(:em, t(".never")) %></td>
-              <td><%= t("booleans.#{share_token.registered_only.present?}") %></td>
-              <td><%= share_token.times_used %></td>
-              <td class="table-list__actions">
-                <%= icon_link_to "pencil-line", share_tokens_path(:edit, id: share_token ), t("actions.edit", scope: "decidim.admin.share_tokens"), class: "action-icon--edit" %>
-                <%= icon_link_to "clipboard-line", "#", t("actions.copy_link", scope: "decidim.admin.share_tokens"), class: "action-icon--copy", data: { "clipboard-copy" => "#js-token-#{share_token.id}", "clipboard-content" => share_token.url,"clipboard-copy-label" => t(".copied"),"clipboard-copy-message" => t(".copy_message") } %>
-                <%= icon_link_to "eye-line", share_token.url, t("actions.preview", scope: "decidim.admin.share_tokens"), class: "action-icon--preview", target: :blank %>
-                <%= icon_link_to "delete-bin-line", share_tokens_path(:destroy, id: share_token ), t("actions.destroy", scope: "decidim.admin.share_tokens"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin.share_tokens") } %>
+              <td data-label="<%= t("models.share_token.fields.token", scope: "decidim.admin") %>" id="js-token-<%= share_token.id %>">
+                <%= share_token.token %>
+              </td>
+              <td data-label="<%= t("models.share_token.fields.expires_at", scope: "decidim.admin") %>">
+                <% if share_token.expires_at.present? %>
+                  <span class="<%= share_token.expired? ? "text-warning" : "" %>">
+                    <%= l(share_token.expires_at, format: :decidim_short) %>
+                  </span>
+                <% else %>
+                  <em><%= t(".never") %></em>
+                <% end %>
+              </td>
+              <td data-label="<%= t("models.share_token.fields.registered_only", scope: "decidim.admin") %>">
+                <%= t("booleans.#{share_token.registered_only.present?}") %>
+              </td>
+              <td data-label="<%= t("models.share_token.fields.times_used", scope: "decidim.admin") %>">
+                <%= share_token.times_used %>
+              </td>
+                <td data-label="<%= t("models.share_token.fields.actions", scope: "decidim.admin") %>" class="table-list__actions">
+                  <button type="button" data-controller="dropdown" data-target="actions-share-token-<%= share_token.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: share_token.token) %>">
+                  <%= icon "more-fill", class: "text-secondary" %>
+                </button>
+
+                <div class="inline-block relative">
+                  <ul id="actions-share-token-<%= share_token.id %>" class="dropdown dropdown__action" aria-hidden="true">
+                    <li class="dropdown__item">
+                      <%= link_to share_tokens_path(:edit, id: share_token), method: :get, class: "dropdown__button" do %>
+                        <%= icon "pencil-line" %>
+                        <%= t("actions.edit", scope: "decidim.admin.share_tokens") %>
+                      <% end %>
+                    </li>
+
+                    <hr>
+
+                    <li class="dropdown__item">
+                      <%= link_to "#",
+                                  class: "dropdown__button",
+                                  data: {
+                                    "controller": "clipboard-copy",
+                                    "clipboard-copy": "#js-token-#{share_token.id}",
+                                    "clipboard-content": share_token.url,
+                                    "clipboard-copy-label": t(".copied"),
+                                    "clipboard-copy-message": t(".copy_message")
+                                  } do %>
+                        <%= icon "clipboard-line" %>
+                        <%= t("actions.copy_link", scope: "decidim.admin.share_tokens") %>
+                      <% end %>
+                    </li>
+
+                    <hr>
+
+                    <li class="dropdown__item">
+                      <%= link_to share_token.url, target: "_blank", class: "dropdown__button", data: { "external-domain-link": false, "external-link": "text-only" } do %>
+                        <%= icon "eye-line" %>
+                        <%= t("actions.preview", scope: "decidim.admin.share_tokens") %>
+                      <% end %>
+                    </li>
+
+                    <hr>
+
+                    <li class="dropdown__item">
+                      <%= link_to share_tokens_path(:destroy, id: share_token), method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin.share_tokens") }, class: "dropdown__button" do %>
+                        <%= icon "delete-bin-line" %>
+                        <%= t("actions.destroy", scope: "decidim.admin.share_tokens") %>
+                      <% end %>
+                    </li>
+                  </ul>
+                </div>
               </td>
             </tr>
           <% end %>

data/app/views/decidim/admin/share_tokens/new.html.erb

@@ -43,7 +43,7 @@
 </div>
 
 <script>
-  document.addEventListener("DOMContentLoaded", () => {
+  document.addEventListener("turbo:load", () => {
     const automaticTokenRadioButton = document.querySelector("input[name='share_token[automatic_token]'][value='true']");
     const automaticTokenRadioButtons = document.querySelectorAll("input[name='share_token[automatic_token]']");
     const tokenWrapper = document.getElementById("token-field-wrapper");

data/app/views/decidim/admin/shared/_filters.html.erb

@@ -1,14 +1,12 @@
 <div class="filters__section">
   <div class="fcell">
-    <ul class="dropdown menu" data-dropdown-menu data-close-on-click-inside="false">
-      <li>
-        <a href="#" class="dropdown button button__sm button__secondary">
-          <%= t("filter_label", scope: "decidim.admin.filters") %>
-          <%= icon "arrow-down-s-line", class: "dropdown-filter-icon" %>
-        </a>
-        <%= dropdown_submenu(submenu_options_tree(i18n_ctx)) %>
-      </li>
-    </ul>
+    <% dropdown_id = "top-#{SecureRandom.uuid}" %>
+    <a href="#" class="button button__xs button__transparent-secondary" data-controller="dropdown" data-target="dropdown-filters-<%= dropdown_id %>">
+      <%= t("filter_label", scope: "decidim.admin.filters") %>
+      <%= icon "arrow-down-s-line", class: "dropdown-filter-icon" %>
+      <%= icon "arrow-down-s-line", class: "dropdown-filter-icon" %>
+    </a>
+    <%= dropdown_submenu(submenu_options_tree(i18n_ctx), dropdown_id) %>
   </div>
   <div class="fcell search">
     <%= search_form_for(query, url: url_for) do |form| %>
@@ -31,6 +29,6 @@
     <% end %>
   </div>
 </div>
-<div class="fcell flex items-center gap-2" data-applied-filters-tags>
+<div class="mb-4 flex items-center gap-2" data-applied-filters-tags>
   <%= applied_filters_tags(i18n_ctx) %>
 </div>

data/app/views/decidim/admin/shared/landing_page/_content_blocks.html.erb

@@ -1,21 +1,24 @@
-<% add_decidim_page_title(t("edit_landing_page", scope: "decidim.admin.titles")) %>
+<% add_decidim_page_title(content_blocks_title) %>
+
 <div class="card edit_content_blocks">
   <div class="item_show__header">
     <h1 class="item_show__header-title">
       <%= content_blocks_title %>
 
-      <div>
-        <button class="button button__sm button__secondary button--title" data-toggle="add-content-block-dropdown">
+      <div class="relative">
+        <button class="button button__sm button__secondary" data-controller="dropdown" data-target="add-content-block-dropdown">
           <%= add_content_block_text %>
-          <%= icon "arrow-down-s-line", class: "dropdown-filter-icon" %>
+          <%= icon "arrow-down-s-line", class: "!fill-white" %>
+          <%= icon "arrow-down-s-line", class: "!fill-white" %>
         </button>
-        <div class="dropdown-pane" id="add-content-block-dropdown" data-dropdown data-auto-focus="true" data-close-on-click="true">
-          <ul class="vertical menu add-components font-normal">
-            <% available_manifests.each do |manifest| %>
-              <li><%= link_to t(manifest.public_name_key), resource_create_url(manifest.name), method: :post %></li>
-            <% end %>
-          </ul>
-        </div>
+
+        <ul class="dropdown dropdown__bottom" id="add-content-block-dropdown" aria-hidden="true">
+          <% available_manifests.each do |manifest| %>
+            <li class="dropdown__item">
+              <%= link_to t(manifest.public_name_key), resource_create_url(manifest.name), class: "dropdown__button", method: :post %>
+            </li>
+          <% end %>
+        </ul>
       </div>
     </h1>
   </div>

data/app/views/decidim/admin/shared/landing_page_content_blocks/edit.html.erb

@@ -8,11 +8,9 @@
   <div class="item__edit-form">
     <%= decidim_form_for(@form, html: { class: "form-defaults form edit_content_block" }, url: resource_landing_page_content_block_path) do |form| %>
       <div class="form__wrapper">
-        <div class="card py-4">
+        <div class="card pt-4">
           <div class="card-section">
-            <div class="row column">
-              <%= cell content_block.settings_form_cell, form, content_block: %>
-            </div>
+            <%= cell content_block.settings_form_cell, form, content_block: %>
           </div>
         </div>
       </div>

data/app/views/decidim/admin/static_page_topics/index.html.erb

@@ -10,27 +10,48 @@
     </h1>
   </div>
   <% if topics.any? %>
-    <div class="table-scroll">
+    <div class="table-stacked">
       <table class="table-list">
         <thead>
           <tr>
             <th><%= t("activemodel.attributes.static_page_topic.name") %></th>
-            <th></th>
+            <th><%= t("decidim.admin.actions.actions") %></th>
           </tr>
         </thead>
         <tbody>
           <% topics.each do |topic| %>
             <tr>
-              <td>
+              <td data-label="<%= t("activemodel.attributes.static_page_topic.name") %>">
                 <%= link_to translated_attribute(topic.title), [:edit, topic] %>
               </td>
-              <td>
-                <% if allowed_to? :update, :static_page_topic, topic: topic %>
-                  <%= icon_link_to "pencil-line", [:edit, topic], t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit" %>
-                <% end %>
-                <% if allowed_to? :destroy, :static_page_topic, topic: topic %>
-                  <%= icon_link_to "delete-bin-line", topic, t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
-                <% end %>
+              <td data-label="<%= t("decidim.admin.actions.actions") %>" class="table-list__actions">
+                <button type="button" data-controller="dropdown" data-target="actions-topic-<%= topic.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: translated_attribute(topic.title)) %>">
+                  <%= icon "more-fill", class: "text-secondary" %>
+                </button>
+
+                <div class="inline-block relative">
+                  <ul id="actions-topic-<%= topic.id %>" class="dropdown dropdown__action" aria-hidden="true">
+                    <% if allowed_to? :update, :static_page_topic, topic: topic %>
+                      <li class="dropdown__item">
+                        <%= link_to [:edit, topic], class: "dropdown__button" do %>
+                          <%= icon "pencil-line" %>
+                          <%= t("actions.edit", scope: "decidim.admin") %>
+                        <% end %>
+                      </li>
+
+                      <hr>
+                    <% end %>
+
+                    <% if allowed_to? :destroy, :static_page_topic, topic: topic %>
+                      <li class="dropdown__item">
+                        <%= link_to topic, method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") }, class: "dropdown__button" do %>
+                          <%= icon "delete-bin-line" %>
+                          <%= t("actions.destroy", scope: "decidim.admin") %>
+                        <% end %>
+                      </li>
+                    <% end %>
+                  </ul>
+                </div>
               </td>
             </tr>
           <% end %>

data/app/views/decidim/admin/static_pages/_form.html.erb

@@ -6,7 +6,7 @@
       </div>
 
       <% if allowed_to? :update_slug, :static_page, static_page: form.object %>
-        <div class="row column slug">
+        <div class="row column" data-controller="slug">
           <div>
             <%= form.label :slug %>
           </div>