Merge pull request #3392 from AlchemyCMS/fix-element-title-line-height

fix(element title): Do not cut off descenders

Author: tvdeyen

app/assets/builds/alchemy/admin.css

@@ -119,7 +119,7 @@ alchemy-tinymce {
   flex-grow: 1;
   white-space: nowrap;
   transition: color var(--transition-duration);
-  line-height: 1;
+  line-height: 1.5;
   max-width: 85%;
 
   .preview_text_quote {

app/stylesheets/alchemy/admin/elements.scss

@@ -24,14 +24,13 @@
       <%= Alchemy.t(:element_hidden) %>
     </span>
   </span>
-  <%= button_tag({
-    title: Alchemy.t(element.folded? ? :show_element_content : :hide_element_content),
-    class: "element-toggle"
-  }) do %>
-    <% if element.compact? %>
-      <%= render_icon "more-2" %>
-    <% else %>
-      <%= render_icon element.folded? ? "arrow-left-s" : "arrow-down-s" %>
+  <sl-tooltip content="<%= Alchemy.t(element.folded? ? :show_element_content : :hide_element_content) %>">
+    <%= button_tag(class: "element-toggle") do %>
+      <% if element.compact? %>
+        <%= render_icon "more-2" %>
+      <% else %>
+        <%= render_icon element.folded? ? "arrow-left-s" : "arrow-down-s" %>
+      <% end %>
     <% end %>
-  <% end %>
+  </sl-tooltip>
 </div>