Merge pull request #2640 from tvdeyen/fix-image-usage-panel-icons

Fix image usage info panel icons
AlchemyCMS · Dec 14, 2023 · 757a0e7 · 757a0e7
2 parents d5bacc5 + c9a9efa
commit 757a0e7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 14 deletions.
diff --git a/app/assets/stylesheets/alchemy/image_library.scss b/app/assets/stylesheets/alchemy/image_library.scss
@@ -180,6 +180,8 @@ $image-overlay-transition-easing: ease-in;
 #pictures_page_list {
   h3 {
     display: flex;
+    align-items: center;
+    gap: $default-padding;
     padding: 4px 8px 0;
     margin: 0;
   }
@@ -194,21 +196,16 @@ $image-overlay-transition-easing: ease-in;
 
     li {
       display: flex;
+      align-items: center;
+      gap: $default-padding;
       padding: 2 * $default-padding;
       border-radius: $default-border-radius;
       white-space: normal;
       margin-bottom: 1em;
     }
   }
 
-  .icon {
-    padding-top: 3px;
-    text-align: left;
-    width: 7%;
-  }
-
   p {
-    width: 93%;
     margin: 0;
   }
 }

diff --git a/app/views/alchemy/admin/pages/unlock.js.erb b/app/views/alchemy/admin/pages/unlock.js.erb
@@ -7,7 +7,7 @@
     locked_page_tab.remove()
   }
   if (locked_page_icon) {
-    locked_page_icon.innerHTML = '<i class="icon ri-file-line ri-fw"></i>'
+    locked_page_icon.outerHTML = '<span class="handle"><i class="icon ri-file-line ri-fw ri-xl"></i></span>'
   }
   Alchemy.growl('<%= flash[:notice] -%>')
 })()
diff --git a/app/views/alchemy/admin/pictures/_infos.html.erb b/app/views/alchemy/admin/pictures/_infos.html.erb
@@ -26,7 +26,7 @@
           <% if page %>
             <li>
               <h3>
-                <%= render_icon 'file-alt' %>
+                <%= render_icon 'file' %>
                 <p><%= link_to page.name, edit_admin_page_path(page) %></p>
               </h3>
               <ul class="list">
@@ -35,11 +35,7 @@
                     <% page_link = link_to element.display_name_with_preview_text,
                                    edit_admin_page_path(page, anchor: "element_#{element.id}") %>
                     <% ingredients = picture_ingredients.map { |p| Alchemy::IngredientEditor.new(p).translated_role }.to_sentence %>
-                    <% if element.public? %>
-                      <%= render_icon('window-maximize', style: 'regular') %>
-                    <% else %>
-                      <%= render_icon('window-close') %>
-                    <% end %>
+                    <%= render_icon('draggable', style: nil) %>
                     <p>
                       <%== Alchemy.t(:pictures_in_page, page: page_link, pictures: ingredients) %>
                     </p>