Improve topbar

assets.json

@@ -1,3 +1,3 @@
 {
-    "romhackplaza": "data/assets/romhackplaza"
+    "romhackplaza": "styles/romhackplaza"
 }

style_properties/_metadata.json

@@ -95,6 +95,12 @@
     "linkUgcHoverColor.json": {
         "hash": "fd483e9f6ebed528993ea0c5b3db6880"
     },
+    "nodeListDescriptionDisplay.json": {
+        "hash": "670e207dd001de30388317de6135e93f"
+    },
+    "nodeListSubDisplay.json": {
+        "hash": "ea17dc87cc3efc49db6a0174168a7ef1"
+    },
     "pageBg.json": {
         "hash": "25b20f46219dd7b5cbccc5a1bc93d63d"
     },
@@ -131,6 +137,12 @@
     "paletteNeutral3.json": {
         "hash": "1ec2ef5d3d83ad10b6b7232aaa08c440"
     },
+    "publicIconUrl.json": {
+        "hash": "431736e0ac4c14f139c3dd525ca56724"
+    },
+    "publicIconUrlLarge.json": {
+        "hash": "f0d4ac2c45c2ab501d4860092e674c41"
+    },
     "publicLogoUrl.json": {
         "hash": "aabe78e8cf804421f6dfa2a20b5028da"
     },

style_properties/nodeListDescriptionDisplay.json

@@ -0,0 +1,14 @@
+{
+    "group_name": "nodeList",
+    "title": "Description display style",
+    "description": "To save vertical space, it is possible to hide node descriptions until the node title is hovered, at which point they are displayed in a tooltip",
+    "property_type": "value",
+    "css_components": [],
+    "value_type": "radio",
+    "value_parameters": "tooltip={{ phrase('tooltip') }}\ninline={{ phrase('inline') }}\nnone={{ phrase('none') }}",
+    "has_variations": false,
+    "depends_on": "",
+    "value_group": "",
+    "property_value": "inline",
+    "display_order": 400
+}

style_properties/nodeListSubDisplay.json

@@ -0,0 +1,14 @@
+{
+    "group_name": "nodeList",
+    "title": "Sub-forums display style",
+    "description": "Choose the style in which sub-forums will be displayed within a particular node element, according to the amount of space you want them to occupy",
+    "property_type": "value",
+    "css_components": [],
+    "value_type": "radio",
+    "value_parameters": "menu={{ phrase('popup_menu') }}\nflat={{ phrase('listed_below_node') }}\nnone={{ phrase('none') }}",
+    "has_variations": false,
+    "depends_on": "",
+    "value_group": "",
+    "property_value": "flat",
+    "display_order": 300
+}

style_properties/publicIconUrl.json

@@ -0,0 +1,14 @@
+{
+    "group_name": "basic",
+    "title": "Icon URL (192x192)",
+    "description": "The path to your icon image. This should be a 192x192 image and usually a PNG.",
+    "property_type": "value",
+    "css_components": [],
+    "value_type": "string",
+    "value_parameters": "asset=logo",
+    "has_variations": false,
+    "depends_on": "",
+    "value_group": "logo",
+    "property_value": "data/assets/logo/plaza-logo-text.webp",
+    "display_order": 210
+}

style_properties/publicIconUrlLarge.json

@@ -0,0 +1,14 @@
+{
+    "group_name": "basic",
+    "title": "Icon URL (512x512)",
+    "description": "The path to your large icon image. This should be a 512x512 image and usually a PNG.",
+    "property_type": "value",
+    "css_components": [],
+    "value_type": "string",
+    "value_parameters": "asset=logo",
+    "has_variations": false,
+    "depends_on": "",
+    "value_group": "logo",
+    "property_value": "data/assets/logo/plaza-logo-text.webp",
+    "display_order": 220
+}

templates/_metadata.json

@@ -73,8 +73,8 @@
     },
     "public/topbar_actions.html": {
         "addon_id": "RomhackPlaza/Master",
-        "version_id": 1000000,
-        "version_string": "1.0.0",
-        "hash": "ee896c17cf565f9351ec2bfd2da1b7c1"
+        "version_id": 1010170,
+        "version_string": "1.1.1",
+        "hash": "4ac16e08537b5e27002da4232a526515"
     }
 }

templates/public/topbar_actions.html

@@ -1,4 +1,4 @@
-<xf:set var="$topbarAdminSeparator" value="false" />
+²<xf:set var="$topbarAdminSeparator" value="false" />
 <xf:set var="$topbarModSeparator" value="false" />
 
 <div class="$topbar-actions">
@@ -84,7 +84,7 @@
     </script>
 
     <xf:if is="$xf.visitor.canCreateEntry()">
-        <a href="{{ $xf.options.homePageUrl }}/submit" class="$btn">
+        <a href="{{ $xf.options.homePageUrl }}/submit" class="$btn" title="Submit">
             <i data-lucide="hard-drive-upload" size="18"></i>
         </a>
     </xf:if>
@@ -92,7 +92,7 @@
 
         <!-- Notifications -->
 
-        <a href="{{ link('account/alerts') }}" class="$btn js-badge--alerts" data-badge="{$xf.visitor.alerts_unviewed|number}" data-xf-click="menu" data-xf-key="{{ phrase('shortcut.alerts_menu')|for_attr }}" title="" aria-expanded="false"
+        <a href="{{ link('account/alerts') }}" class="$btn js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unviewed ? ' badgeContainer--highlighted' : '' }}" data-badge="{$xf.visitor.alerts_unviewed|number}" data-xf-click="menu" data-xf-key="{{ phrase('shortcut.alerts_menu')|for_attr }}" title="" aria-expanded="false" title="Notifications"
             aria-haspopup="true">
             <i data-lucide="bell" size="18"></i>
         </a>
@@ -122,7 +122,7 @@
         </div>
 
 
-        <a class="$btn js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}" data-badge="{$xf.visitor.conversations_unread|number}" data-xf-click="menu" data-xf-key="{{ phrase('shortcut.conversations_menu')|for_attr }}" data-menu-pos-ref="< .p-navgroup" title="{{ phrase('direct_messages')|for_attr }}" aria-haspopup="true">
+        <a class="$btn js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}" data-badge="{$xf.visitor.conversations_unread|number}" data-xf-click="menu" data-xf-key="{{ phrase('shortcut.conversations_menu')|for_attr }}" data-menu-pos-ref="< .p-navgroup" title="{{ phrase('direct_messages')|for_attr }}" aria-haspopup="true" aria-expanded="false" title="Messages">
             <i data-lucide="mail" size="18"></i>
         </a>
         <div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
@@ -150,7 +150,7 @@
     </div>
 
     </xf:if>
-    <a class="$btn" data-xf-click="menu" data-menu-pos-ref="< .p-navgroup" title="{{ phrase('settings')|for_attr }}" aria-haspopup="true">
+    <a class="$btn" title="Settings" data-xf-click="menu" data-menu-pos-ref="< .p-navgroup" title="{{ phrase('settings')|for_attr }}" aria-haspopup="true">
         <i data-lucide="settings" size="18"></i>
     </a>
     <div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"