Page 1 of 1

A little bit of CSS polish..

Posted: Monday 27 February 2017 18:29
by blauwebuis
I created a CSS file that modifies the Domoticz visual design a bit:

Dashboard:
Image

Switches:
Image

Setup:
Image

I personally use Stylebot browser plugin to add the CSS to Domoticz. But I guess you could also add it some other way.

THE CSS:
http://www.pineapplejazz.com/public/dom ... polish.css

Note: I am not a power user, so I may not have styled something that you use. It's easy enough to add it though.

Re: A little bit of CSS polish..

Posted: Monday 06 March 2017 20:13
by blauwebuis
I added some small improvements.

Re: A little bit of CSS polish..

Posted: Monday 06 March 2017 23:13
by Nautilus
blauwebuis wrote: I personally use Stylebot browser plugin to add the CSS to Domoticz. But I guess you could also add it some other way.
Thanks, always nice to see new options for the user interface. But why not make this a new theme and merge to Domoticz master? Then it would be easily available for all users and wouldn't require any manual updates / browser(-specific) hacks...:)

Re: A little bit of CSS polish..

Posted: Tuesday 07 March 2017 10:59
by blauwebuis
Because I don't know how to do that :? I'm a designer, not a developer.

If someone wanted to do it for me: thanks!

There are also a gazillion things wrong with the HTML that Domoticz currently generates, which I'd love to be able to fix easily. Allas.

Re: A little bit of CSS polish..

Posted: Tuesday 07 March 2017 11:10
by Nautilus
blauwebuis wrote:Because I don't know how to do that :? I'm a designer, not a developer.
In this particular case I'd argue that developing the design is also part of development, which would make you also a developer :D Maybe this helps: https://www.domoticz.com/forum/viewtopi ... ub#p122213

Re: A little bit of CSS polish..

Posted: Tuesday 07 March 2017 11:42
by blauwebuis
Not really :-) I've tried to use GIT before, it's just too complex for me. It's one of those things about the tech community that baffles me. Why hasn't anyone (like Github) created a tool that just allows me to make changes through a web-interface or something, and then all the nerdy stuff is taken care of by the system. I suspect the global move to Github is keeping a lot of people from contributing to projects.

Re: A little bit of CSS polish..

Posted: Tuesday 07 March 2017 11:55
by Nautilus
blauwebuis wrote:Not really :-) I've tried to use GIT before, it's just too complex for me. It's one of those things about the tech community that baffles me. Why hasn't anyone (like Github) created a tool that just allows me to make changes through a web-interface or something, and then all the nerdy stuff is taken care of by the system. I suspect the global move to Github is keeping a lot of people from contributing to projects.
Have you tried to find out whether this option is available? :) I'm no expert in this field so admittedly I cannot say if the same works for all repositories (and how well it works), but as I was under the impression it is also a possibility, I did a google search for "github contribure via web" and this is the first hit: https://github.com/WGBH/pbucore/wiki/Co ... -interface

Re: A little bit of CSS polish..

Posted: Tuesday 07 March 2017 17:07
by blauwebuis
OMG that's wonderful! That didn't exist 3 years ago! Yess!

Re: A little bit of CSS polish..

Posted: Friday 10 March 2017 16:23
by blauwebuis
I've done it, my first ever Github merge request :-)

Re: A little bit of CSS polish..

Posted: Sunday 19 March 2017 22:45
by blauwebuis
Well, that turned out to be a bit more difficult that I thought :D

In order to make theming easier I'm making a new pull request that cleans up the html.

If that gets merged-in, then theming will become easier.

I'm also working on a theme (or two). Here's a sneak preview:

Image

And related to my thread about a usability redesign, I've made the settings page so that if there is enough space the sidebar moves to the right, which would allow more things to be in it:

Image

A little bit of CSS polish..

Posted: Sunday 19 March 2017 22:53
by pvm
Nice development.
I like the progress made on UX with
-this improvement
-domoboard
-new dashboard design
Would all these developments fit into one dashboard?