This update fixes a few minor bugs and includes the updated iOS PWA functionality along with some well-needed google-friendly fixes (from XenForo). You should be running XenForo 2.2.13 first before installing this update.
This update fixes a few minor bugs, adds a few minor things, and addresses the outdated template that is appearing on the latest version of XF (2.2.12).
Added footer logo height/width properties (Style properties -> Footer)
Added new font weight @xf-fontWeightMedium (Style properties -> Typography)
Brand new design mode, should be much easier to use and also brings back the node icon CSS which shows the exact CSS you can use to change the icon on that node
Changes
Removed category footer property + CSS. This can be easily done with basic CSS if you choose to do so.
Side navigation now moves to the right side when sidebar is set to the left
Switched to using cdn services for backstretch and our new design mode
This update simply fixes a few minor bugs and addresses the two outdated templates that are appearing on the latest version of XF (2.2.6).
Templates changed:
message_macros (XF updates)
node_list_category (PE updates)
post_macros (XF updates)
xb.less (PE updates)
Changes
Optimized a background image (welcome notices) that shipped in the folder with all styles saving a ton of space! Took XenBase archive from 1.2 megs down to 140kb!
Changed child div's of the H2 for forum categories into spans for valid HTML
Prefix + user banner CSS formatting to avoid LESS compilation issues
Adjusted editor styling to inherit more from the style properties and not rely on our CSS
Changed CTA to use a contrasted color from the background rather than relying on the normal button color
Style specific changes
Bolt
Adjusted some of the colors around the style so they're not hard-coded
Optimized header image to reduce the archive size
Prefix hover style caused a bug
Sidebar icons are no longer floating to the right. You can add this to your extra.less if you want the float to come back:
New option to enable the icons inside the action bar. Previously, these were always on with no ability to disable them (Style properties -> Messages ->Message action bar icons )
Changes
Message links across multiple areas have been adjusted. Areas such as the resources and other plugins would not inherit from Style properties -> Messages -> Message links
Block footer text color is legible now when used in the custom footer
Social icons in the footer now show in mobile
Share icon is no longer hidden in mobile when set to circular now
IMPORTANT: Canvas layout logo will now respect the dimensions set under Style properties -> Basic options. If you use Canvas, you made need to adjust your width/height settings here.
New "Stick specific div" under sticky sidebar option. This allows you to easily define a class of a block such as a widget to stick just that in the sidebar.
New Sidebar off-canvas option. Now in mobile, you have the option to load in the sidebar content via a toggle switch
Notices are completely reworked with more customization options. Easily adjust all notices in Style properties -> Notices
Added style switch link to the off-canvas menu
New search location: sub-navigation, this obviously won't work if you disable the sub-navigation
New Welcome notice layout (Centered text/Left-aligned/Split apart)
New Welcome notice background images
New Sticky staff bar option
New HTML level classes: "style-light" and "style-dark" you can use to style when the color palette is set to light/dark.
New ability to move top breadcrumb within the main content area (cut off at sidebar)
New ability to move page title and call-to-action buttons within the main content area (cut off at sidebar)
New "customScrollJumpButtons" helper
New option to change the off-canvas menu (Style properties -> Miscellaneous -> Off-canvas style)
New option to reduce the padding in mobile, useful for styles that use larger than normal padding (Style properties -> Borders and spacing)
New font families added to Custom Fonts dropdown (Style properties -> Typography)
Changes
Removed style property "xbSidebarSpacer" as it wasn't being used
Re-approached the entire sticky sidebar setup, uses pure CSS not instead of loading additional JS
Overlays now inherit content background instead of the page background
Footer list CSS will now only target lists with the "footerList" class
Changed the background of 'badgeHighlighted' to inherit @xf-paletteAccent3 which is primarily used for alert colors
The text-based logo will now inherit the header background-color
Removed bottom border on the arrow when sticky and FA icons above are enabled
Added .p-sidebar .block-header's into the custom typography classes
All styles now inherit the input field background color from the Basic colors property
Cookie notices will no longer have text coloring issues
Node helper text (Option to show custom CSS for custom icons) should be easier to view now
Sidebar position - Disabled is now removed. I had good intentions behind this but you should really control the content of the sidebar using the widgets (removing the locations they're displayed).
Removed Welcome Notice sidebar position, this should really be handled by the widget system by calling our xb_welcome template in an HTML widget.
Re-designed sidebar login form to look cleaner and colors will now look better on every style
Removed "Stretch sub-navigation only" option - This just doesn't look good in almost any scenario
Removed Block body "xbBlockBody" - This class is in too many places to really do anything with
Re-approached the search function when it's displayed a full input field. Now expands upon clicking it rather than having to use the icon. Additionally, it's far easier to style now
NEW indicator re-approached to use pure CSS instead of inserting HTML. Same style property
Login + Register page links now use underlines to make them more prominent
Button hover actually works now, will target most of the primary buttons
Made some adjustments to the debug styling
Increased page default page width from 1200px to 1300px
Welcome notice CSS will now only load when it's in use
Dual column nodes inherit default XF padding now instead of hardcoded values.
Moved toggle sidebar down to the footer links where the other toggle setting (page width) is.
Framework's custom sidebar CSS will now only load on pages with sidebars
Sidebar login CSS will now only load when the block is loaded
Class name: ForumStyleClassic changed to layout-classic
Class name: ForumStyleBoxed changed to layout-boxed
Class name: ForumStyleDefault changed to layout-default
Class name: html.logged-in no longer used, XF has it by default:
Code:
html[data-logged-in="true"]
Class name: html.logged-out no longer used, XF has it by default:
Code:
html[data-logged-in="false"]
Highlight block inherits the normal "featured border size"
Removed: Body inner CSS property
Reverted "node_list.less" template edits and moved into respective templates
Moved xb_search into page_container as a macro for better compatibility
Re-styled breadcrumbs to match closer to XF's default look. This provided the content to be pushed up further even if by a little. You can achieve the old look by going to Style properties -> Page setup -> Breadcrumb removing the top and bottom line of the EXTRA box to get rid of the CSS comment.
Fixes
Footer position: copyright will now show even without any branding
Canvas setup no longer has extra spacing in mobile on top
Large message avatar had a few issues, now loading appropriate in all scenarios.
Default text-based avatars will now have the proper vertical alignment
When in the copyright location, footer links will now inherit the "Copyright block"
Topbar visitor links will no longer inherit navigation padding
The left sidebar will no longer above the content in mobile, will push to the bottom of content now
Message arrows will now inherit the background color if one is set from Style properties -> Messages -> Message block
Full-width box-shadow removed when the nav isn't stretched and is stickied
Navigation icons will now transfer over to the off-canvas menu
Discord "block" setting was not showing a background-color
When visitor tabs are in the top bar, the additional search parameters now correctly show
Added a workaround for an Edge bug while using the canvas page layout in RTL mode
Breadcrumb arrows will now inherit the color of the breadcrumb property
Page assets mobile view corrected in certain areas
Now when there is no "Custom Font Targets" set, the style will not break
NEW indicator now works on all nodes, would not work previously on specific node-setups
Removed extra border when using the "Node spacers" option
Removed specific links in Off-canvas to avoid duplicate links e.g. "Your Content / Your Media" would link to the same area
Top bar CSS will now only load if it's enabled
* Symbol was always showing when the discussion list icons were enabled (meant you had posts in that thread)
Message user icons now extend to custom user fields
![[PixelExit] Nova](/data/resource_icons/1/1467.jpg?1564272342){kind=icon}
