New fonticon attributes iconsize

assets/javascripts/discourse/initializers/community-landing-admin-tabs.js

@@ -44,7 +44,7 @@ const DESCRIPTIONS = {
   title_font_name: "Separate Google Font for titles and headings. Leave blank to use the body font.",
 
   // ── Icons ──
-  icon_library: "Icon library for buttons and titles. 'fontawesome' = FA 6 Free, 'google' = Material Symbols Outlined.",
+  icon_library: "Icon library for buttons and titles. 'fontawesome' = FA 6 Free, 'google' = Material Symbols Outlined. Syntax: \"icon | Label\" or \"icon | size | Label\" (size in px).",
 
   // ── Navbar ──
   navbar_signin_label: "Sign-in link text. Use 'icon | Label' for FA icon before or 'Label | icon' for after (e.g. 'right-to-bracket | Sign In').",

lib/community_landing/page_builder.rb

@@ -850,31 +850,57 @@ module CommunityLanding
     end
 
     # Render an icon element based on the chosen icon library
-    def icon_tag(name, extra_class = nil)
+    # size is optional pixel size (renders as inline style)
+    def icon_tag(name, extra_class = nil, size = nil)
       lib = (@s.icon_library rescue "none").to_s
       cls = extra_class ? " #{extra_class}" : ""
+      style = size ? " style=\"font-size: #{size.to_i}px\"" : ""
       case lib
       when "fontawesome"
-        "<i class=\"fa-solid fa-#{e(name)}#{cls}\"></i>"
+        "<i class=\"fa-solid fa-#{e(name)}#{cls}\"#{style}></i>"
       when "google"
-        "<span class=\"material-symbols-outlined#{cls}\">#{e(name)}</span>"
+        "<span class=\"material-symbols-outlined#{cls}\"#{style}>#{e(name)}</span>"
       else
         nil
       end
     end
 
-    def participation_stat(count, raw_label, default_svg)
+    # Parse "icon | Label" or "icon | size | Label" from a raw label string.
-      lib = (@s.icon_library rescue "none").to_s
+    # Returns [icon_name, size_or_nil, label] or nil if no icon found.
-      # Parse "icon | Label" format — if present, use library icon instead of default SVG
+    def parse_icon_label(raw)
-      if lib != "none" && raw_label.include?("|")
+      parts = raw.split("|").map(&:strip)
-        parts = raw_label.split("|", 2).map(&:strip)
+      return nil if parts.length < 2
+
+      if parts.length >= 3
+        # "icon | size | Label" or "Label | size | icon"
+        if parts[0].match?(/\A[\w-]+\z/) && parts[0].length < 30
+          size = parts[1].match?(/\A\d+\z/) ? parts[1].to_i : nil
+          label = size ? parts[2..].join(" | ") : parts[1..].join(" | ")
+          return [parts[0], size, label]
+        elsif parts[-1].match?(/\A[\w-]+\z/) && parts[-1].length < 30
+          size = parts[-2].match?(/\A\d+\z/) ? parts[-2].to_i : nil
+          label = size ? parts[0..-3].join(" | ") : parts[0..-2].join(" | ")
+          return [parts[-1], size, label, :after]
+        end
+      else
+        # "icon | Label" or "Label | icon"
         left, right = parts
         if left.match?(/\A[\w-]+\z/) && left.length < 30
-          icon_html = icon_tag(left, "cl-participation-stat__icon")
+          return [left, nil, right]
-          label = right
         elsif right.match?(/\A[\w-]+\z/) && right.length < 30
-          icon_html = icon_tag(right, "cl-participation-stat__icon")
+          return [right, nil, left, :after]
-          label = left
+        end
+      end
+      nil
+    end
+
+    def participation_stat(count, raw_label, default_svg)
+      lib = (@s.icon_library rescue "none").to_s
+      if lib != "none" && raw_label.include?("|")
+        parsed = parse_icon_label(raw_label)
+        if parsed
+          icon_html = icon_tag(parsed[0], "cl-participation-stat__icon", parsed[1])
+          label = parsed[2]
         else
           icon_html = default_svg
           label = raw_label
@@ -893,15 +919,12 @@ module CommunityLanding
       lib = (@s.icon_library rescue "none").to_s
       return e(raw_label) unless lib != "none" && raw_label.include?("|")
 
-      parts = raw_label.split("|", 2).map(&:strip)
+      parsed = parse_icon_label(raw_label)
-      left, right = parts
+      return e(raw_label) unless parsed
-      if left.match?(/\A[\w-]+\z/) && left.length < 30
+
-        "#{icon_tag(left)} #{e(right)}"
+      icon = icon_tag(parsed[0], nil, parsed[1])
-      elsif right.match?(/\A[\w-]+\z/) && right.length < 30
+      label = e(parsed[2])
-        "#{e(left)} #{icon_tag(right)}"
+      parsed[3] == :after ? "#{label} #{icon}" : "#{icon} #{label}"
-      else
-        e(raw_label)
-      end
     end
   end
 end