Admin Theme Boss – based on Uikit 3

[bernhard]

1 hour ago, Noel Boss said:

Would love to, but it's not a priority for me right now and I don't have time. But since I documented how it works, I'm open to implement it if someone finds a way…

Same here. Maybe someone else wants to give it a try. Or I'll go for it myself when I find some time. Would also love to. And your explanations definitely help a lot to understand everything a lot quicker. Thanks!

[Noel Boss]

Hello everybody, I‘ve just released version 0.5.1 with @Chris Bennett‘s toggle checkboxes. a redesigned login screen and many small imrovements and fixes!

 Check out more screenshots at github. I hope you like the changes...

[maxf5]

@Noel Boss thank you for the improvements, looking good so far!

Can you update the version info here, too?
https://github.com/noelboss/AdminThemeBoss/blob/master/AdminThemeBoss.info.json

When you have ProcessWireUpgrades installed it always alerts you that a new version is available ?

[Noel Boss]

I’ve updated the version number. There is now a shiny new release page where you can subscribe to updates for new releases of AdminThemeBoss!

[maxf5]

Thanks @Noel Boss ! Am I the only one with this mystical box shadow?

[Noel Boss]

@maxf5 - fixing it – is an issue with AOS, release 0.5.3 does fix it.

And I've also further refined the login screens:

Well, I had designed colourful login screens, but did not really like them. If you still want to look at these and maybe give some feedback, you are welcome:

Spoiler

Quick question: How do you guys like these colourful login screens?

 

 

[bernhard]

Hey @Noel Boss, me again ?

I still don't get how your theme works or how you built it. Where do all those LESS files come from? I see you include a copy of UIKIT in your module including all the regular uikit less files. But there are lots of pw related LESS files in it as well:

Did you build those files on your own? I can't find any less files in the PW core... I've already successfully built a custom UIKIT frontend theming module where LESS parsing is done on the fly via PHP: https://screencast-o-matic.com/watch/cFXnX1Y72l

It would be great to have such an easy way of customizing the backend as well.

[wbmnfktr]

Found that post from @ryan a while back about this "custom backend styles/theme" topic:

https://processwire.com/blog/posts/processwire-3.0.54-and-adminthemeuikit/

Maybe this is a good starting point.

[bernhard]

Thx, that helps! Seems that i messed something up when searching for .less files in my setup, because I did not get any results... But here they are: https://github.com/ryancramerdesign/AdminThemeUikit/tree/master/uikit/custom/pw

[wbmnfktr]

Those .less files don't come pre-installed - at least not in my instances (mostly blank or multi-language profiles).

So... I don't think you messed anything up while searching for the files.

[bernhard]

AAAAh ? Now I understand. That's the github version of the admin theme and the shipped version in the core is different. Thx for clarifying!

[bernhard]

Thx again @wbmnfktr I tried that approach today and created a new thread that might be interesting for some others here as well:

 

[Noel Boss]

On 1/4/2019 at 10:57 AM, bernhard said:

I still don't get how your theme works

Did you miss the readme or did I mess up and should make anything more clear there? 

https://github.com/noelboss/AdminThemeBoss/blob/master/README.md#modify-yourself

[bernhard]

20 hours ago, Noel Boss said:

Did you miss the readme or did I mess up and should make anything more clear there? 

Everything fine now, thx.

[bernhard]

Just wanted to let you guys know that I've just released my new module that we've discussed here:

 

[theoretic]

Hi everyone! And thanks for Processwire!

A small bug found in this great admin theme. It concerns the datepicker behavior. If we have two date fields one below another, the first field datepicker may slide below the input field of second field. The problem can be resolved by changing the AdminThemeBoss\uikit\dist\css\uikit.(color).min.css from:

.pw .ui-datepicker#ui-datepicker-div { z-index:2 !important; background: ... 

to:

.pw .ui-datepicker#ui-datepicker-div { background: ... 

Thanks again for this nice theme!

[Zeka]

On 3/25/2019 at 2:30 PM, theoretic said:

Hi everyone! And thanks for Processwire!

A small bug found in this great admin theme. It concerns the datepicker behavior. If we have two date fields one below another, the first field datepicker may slide below the input field of second field. The problem can be resolved by changing the AdminThemeBoss\uikit\dist\css\uikit.(color).min.css from:

.pw .ui-datepicker#ui-datepicker-div { z-index:2 !important; background: ... 

to:

.pw .ui-datepicker#ui-datepicker-div { background: ... 

Thanks again for this nice theme!

I have the same issue. 

@theoretic Could you please open an issue on the repo https://github.com/noelboss/AdminThemeBoss

[Noel Boss]

Hallo everyone ?

I have just release AdminThemeBoss 0.6.0: 

Introducing, a refined, more colorfull and streamlined expirience:

• Added: more colors ?
• Added: improved notifications ?
• Added: improved dropdows ⬇️
• Added: improved integration with third party modules like ProDrafts, AOS and ASM… ?
• Under the hood improvements on how settings are saved and applied
• Fixed: Some minor bugs ??

[Noel Boss]

And here we go again… 0.6.1 is out now:

Everyone is going green, only AdminThemeBoss was somehow missing the trend… So this new version fixes this glaring oversight ?

• New «Smooth Green» color scheme ?
• Fixed: Small issues with asmSelect entries
• Fixed: Mobile view with AOS ?

 

• Get Release Notifications
• ProcessWire Modules Repository
• Gitlab & Issues

[Noel Boss]

New Release 0.6.2 – Codename »boring«

Fixed

• Login screen design ?
• Readme ?
• AOS Language Switch overlapping notifications ?

---

• Get Release Notifications
• ProcessWire Modules Repository
• Gitlab & Issues

[johndoe]

I think we might have a problem here, boss.
Is login screen suppose to look like this in version 0.6.2? Version 0.6.1 looks ok (minus the notification bar covering input fields).

I have the same results on two installments (pw 3.0.123, firefox 70 and Chromium) one was an upgrade from 0.5.4, second clean install.

 

[Noel Boss]

New Release 0.6.3 – Codename »hehehe«

The last release with a "fix" to the login screen actually broke stuff more than fixing it (thanks @johndoe for reporting this). So this is a fix for the fix… Sorry about that. And some improvements to the login screen on mobile devices.

• Support Forum
• ProcessWire Modules Repository
• Gitlab & Issues

Added

• Fullscreen login screen on mobile ?
• Improved notifications on login screen

Fixed

• Fixed Login screen design ?

[johndoe]

Good stuff.
I don't want to sound like a broken record here, but there's another minor issue:
Horizontal scrollbar now appears when content exceeds the viewport height. To my understanding this issue is connected to the 'pw' css class in html tag.
It was ok in v0.5.4

[wbmnfktr]

Broken records were source of so many great samples in modern music. Just sayin'. ?

[Noel Boss]

@johndoe can you please open an issue and provide some more info… OS, Browser, Screenshot and if you have any clue, affected css… Thanks!