Sören Weber 0505b36141
theme: fix flash of non-default variant, part I #757
implements the first part, working for configured variants;

for that, loading of stylesheets was overhauled by now
merging all configured variants into one big stylesheet for
each output format and loading this instead of one stylesheet
per configured variant;

previously @media print styles were applied on top of @media screen
styles; this is now strictly isolated, which doesn't require styles
like neon to revert styles for print anymore;

this change was also used to implement the minify parameter, to shrink
those generated stylesheets, making them shrink to 66% of their
unminified size for the exampleSite;

the theme switcher functionality is now completely independend of
variant.js; the switch is now handled by in-page javascript which
avoids waiting for external scripts to load, so switching can happen
as early as possible;

switching of themes is now implemented by just setting a data attribute
to the html element, were previously a complex mechanism of dynamically
loading of variant CSS files was implemented;

the call for variant.js was removed in this changeset, making the
generator broken and useless; this will be fixed with the next patch;
2024-12-06 07:38:05 +01:00

2.0 KiB
Raw Blame History

+++ disableToc = false hidden = true title = "Version 7.2" type = "releasenotes" weight = -2 +++

7.2.0.beta (XXXX-XX-XX)

Change

  • {{% badge style="note" title=" " %}}Change{{% /badge %}} The expand shortcode was refactored and now internally uses the notice shortcode.

    In addition, the notice shortcode was improved for accessibility and comes with a brand new parameter groupid.

    Due to these changes, expand and notice with style=transparent will now generate slightly different margins.

New

  • {{% badge style="info" icon="plus-circle" title=" " %}}New{{% /badge %}} This release fixes a long standing issue, where loading a page with a non-default variant may caused screen flashing.

    Fixing this resulted in major changes how stylesheets are bundled during built and ultimately leads to different stylesheets been loaded in the browser. If you haven't done any undocumented stuff with the stylesheets, this change should not have any negative effects to your site.

  • {{% badge style="info" icon="plus-circle" title=" " %}}New{{% /badge %}} As a fallout of fixing the flashing issue, you can now minify the bundled stylesheets by setting the minify parameter in your hugo.toml. Without configuring this parameter, the theme will minify the stylesheets for production (hugo) but not for development (hugo server).

  • {{% badge style="info" icon="plus-circle" title=" " %}}New{{% /badge %}} Support for Hugos built-in details shortcode.

  • {{% badge style="info" icon="plus-circle" title=" " %}}New{{% /badge %}} The theme has updated its Mermaid dependency to 11.4.1. This adds support for Kanban diagrams.

  • {{% badge style="info" icon="plus-circle" title=" " %}}New{{% /badge %}} Translation into Persian. This language is not supported for search.