XF 2.3 nixfifty.com style

[Jonathan_Bathrough]

Hello.

I lkie the https://nixfifty.com/ style and would like to have it on my forum.
Could anyone name it? @Naz ?

 

[Naz]

It's the default style with the colours modified and some padding / margin changes.

 

[Chromaniac]

there is some page transition effect which is nice. lately, google has been testing it on their search result page. i really cannot tell if this is a chrome thing that works on random websites or this is a site specific thing.

 

[rdn]

there is some page transition effect which is nice.

I think that is custom to his site

 

[mjda]

there is some page transition effect which is nice. lately, google has been testing it on their search result page. i really cannot tell if this is a chrome thing that works on random websites or this is a site specific thing.

Wow, I like that. @Naz, we're gonna need you to go ahead and add that to XF 3.0.

 

[Naz]

Heh, forgot about that. It uses the View Transition API and conveniently, you can enable it with a bit of CSS. @Jeremy P made me aware of it and I quite liked the effect.

You can do the same by sticking this in to your style's extra.less template:

@media not (prefers-reduced-motion)
{
    @view-transition
    {
        navigation: auto;
    }
}

There's more details here and it's possible to customise the transitions further but that's not something I've looked in to much.

Unfortunately, it's also not supported by Firefox yet which is what I use and why I forgot that I had added it.

 

[Digital Doctor]

Unfortunately, it's also not supported by Firefox yet

seems to work on mobile brave

 

[Elliott Ruth]

It's the default style with the colours modified and some padding / margin changes.

Is there any chance to get a bunch of XML files containing your style?

 

[mjda]

Heh, forgot about that. It uses the View Transition API and conveniently, you can enable it with a bit of CSS. @Jeremy P made me aware of it and I quite liked the effect.

You can do the same by sticking this in to your style's extra.less template:

@media not (prefers-reduced-motion)
{
    @view-transition
    {
        navigation: auto;
    }
}

There's more details here and it's possible to customise the transitions further but that's not something I've looked in to much.

Unfortunately, it's also not supported by Firefox yet which is what I use and why I forgot that I had added it.

Thank you for this. Just added it to my site and it's a really nice touch...that most folks will probably never notice.