Admin Theme Canvas

[jploch]

16 hours ago, adrian said:

I haven't tried this theme yet, but I am assuming the issue is that the save button is floating? Wouldn't that put it on top of input fields sometimes meaning that you need to scroll to see everything? Sorry if I am not picturing how it works.

Anyway, if that's the case and you are planning on keeping that behavior, then I can add a class to the body like you suggest - let me know. One thing to note of course is that Tracy can sometimes have many bars down there - sometimes, the regular, a couple of redirects, plus three ajax bars. The number of ajax bars is also configurable so someone could potentially choose to show more than that - I just wonder if this will make positioning tricky? 

@adrian the save button in this theme is actually at a fixed position in bottom right corner of the screen (the save button on the top is hidden). So tracy is overlapping the button when open. If you could set a class when tracy is open or enabled, I could position the button differently. The open panels seem to open with a margin to the bottom, so the button is still visible when a panel is open...

[adrian]

@jploch - what about simply using:

if($("#tracy-debug").css('display') == 'block') {

That will let you know if Tracy is enabled and not hidden.

[flydev]

That's also a nice solution and both of them could make the thing to work - I still think that the class (applied only to admin side) could be better for future use case in other modules. 

[adrian]

8 hours ago, flydev ?? said:

applied only to admin side

I am curious why you suggested this - I can't think of a reason not to apply it frontend as well?

[flydev]

I do not have a reason either, I think I was just thinking to interfere at the minimum with the design of a frontend developper. But after thinking about that, it could be an handy feature, even on front-end ?

[adrian]

@jploch - can you try the attached version please.

Sounds strange, but it's actually a bit more complicated than expected just because there are a few ways that the bar can be enabled / disabled / hidden. I think I might have them all taken care of, but would be good if you could help test. Thanks.

BTW, the class I added to body is: has-tracy-debugbar

TracyDebugger.module.php

[adrian]

@jploch - I have committed those changes to the Tracy repo - let me know if it needs any tweaks.

[jploch]

@adrian  looks good! thanks for the update. Will implement a solution as soon as I find some time.

[Zeka]

Greate theme! Looks very Kirby inspired. 

[jploch]

if you want to use this theme together with the Tracy debugger module. Tracy has an option now to change the position of the bar to the left side:

[taotoo]

Thank you for this theme - it's really excellent!

Using a client account with restricted permissions, I noticed that when editing a page the View link in the main navigation bar didn't seem to work. I'm not sure if this is an issue with the theme, or something unique to my setup.

 

[jploch]

@taotoo I use the theme for all my client projects and had no issues so far. This might be a problem with your permissions setup. Is the view link showing with the default uikit theme?

[taotoo]

26 minutes ago, jploch said:

@taotoo I use the theme for all my client projects and had no issues so far. This might be a problem with your permissions setup. Is the view link showing with the default uikit theme?

Yes it works fine with the uikit theme, thanks for the help!

[taotoo]

5 minutes ago, taotoo said:

Yes it works fine with the uikit theme, thanks for the help!

I've just tried the theme with a different website, and the issue isn't there. So it must be something unique to this site, and not the theme.

[taotoo]

5 minutes ago, taotoo said:

I've just tried the theme with a different website, and the issue isn't there. So it must be something unique to this site, and not the theme.

I'm an idiot - I was using the RestrictTabView module, with the View tab disabled for non-superusers.

(Not sure why this wasn't also affecting the default uikit theme though).

[Darlenere]

A great concise theme. Beauty in simplicity

[tires]

I would suggest to use this very nice admin theme as default for processwire.
It looks much more professional and cleaner even if maybe a few ui optimizations would be necessary.

[jploch]

@tires Glad you like it!

While I prever this admin theme over the default one. I think the default Uikit theme actually looks fine. But there is more to it than just aesthetics. For me, the main advantage is the fixed navigation with direct access to the tree navigation. It's just so much faster to navigate in the backend. It would be nice if the core theme had an option for fixed navigation.

[Robin S]

23 minutes ago, jploch said:

For me, the main advantage is the fixed navigation with direct access to the tree navigation. It's just so much faster to navigate in the backend. It would be nice if the core theme had an option for fixed navigation.

FYI, there is an option in the AdminThemeUikit module config for sticky header and page tree visible in the sidebar.

[jploch]

@Robin S Thanks for pointing that out. While I like the sticky header, I am not a fan of the sidebar. Is there an option where you can just make the header fixed?

Also there seems to be some problems with this setting if you reload the page.

[adrian]

I wish the sidebar actually worked well - I had hight hopes for that feature, but it just doesn't really work. Just in case you haven't ever noticed, the tree icon at the start of the breadcrumbs brings up a panel overlay with the full menu which is a really nice feature. That, together with Robin's BreadcrumbDropdown menu and life is pretty good.

AdminOnSteroids does have a sticky header feature.

[jploch]

@adrian I also noticed some problems with the sidebar. Would be nice to have a working sticky header option in the core theme without the sidebar, and maybe make the tree available in the first level like AdminThemeCanvas is doing without the need of extra modules.