A little bit of CSS polish..

Moderator: leecollings

Post Reply
blauwebuis
Posts: 331
Joined: Wednesday 21 December 2016 9:11
Target OS: Raspberry Pi / ODroid
Domoticz version: current
Contact:

A little bit of CSS polish..

Post 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.
blauwebuis
Posts: 331
Joined: Wednesday 21 December 2016 9:11
Target OS: Raspberry Pi / ODroid
Domoticz version: current
Contact:

Re: A little bit of CSS polish..

Post by blauwebuis »

I added some small improvements.
Nautilus
Posts: 722
Joined: Friday 02 October 2015 12:12
Target OS: Raspberry Pi / ODroid
Domoticz version: beta
Location: Finland
Contact:

Re: A little bit of CSS polish..

Post 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...:)
blauwebuis
Posts: 331
Joined: Wednesday 21 December 2016 9:11
Target OS: Raspberry Pi / ODroid
Domoticz version: current
Contact:

Re: A little bit of CSS polish..

Post 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.
Nautilus
Posts: 722
Joined: Friday 02 October 2015 12:12
Target OS: Raspberry Pi / ODroid
Domoticz version: beta
Location: Finland
Contact:

Re: A little bit of CSS polish..

Post 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
blauwebuis
Posts: 331
Joined: Wednesday 21 December 2016 9:11
Target OS: Raspberry Pi / ODroid
Domoticz version: current
Contact:

Re: A little bit of CSS polish..

Post 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.
Nautilus
Posts: 722
Joined: Friday 02 October 2015 12:12
Target OS: Raspberry Pi / ODroid
Domoticz version: beta
Location: Finland
Contact:

Re: A little bit of CSS polish..

Post 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
blauwebuis
Posts: 331
Joined: Wednesday 21 December 2016 9:11
Target OS: Raspberry Pi / ODroid
Domoticz version: current
Contact:

Re: A little bit of CSS polish..

Post by blauwebuis »

OMG that's wonderful! That didn't exist 3 years ago! Yess!
blauwebuis
Posts: 331
Joined: Wednesday 21 December 2016 9:11
Target OS: Raspberry Pi / ODroid
Domoticz version: current
Contact:

Re: A little bit of CSS polish..

Post by blauwebuis »

I've done it, my first ever Github merge request :-)
blauwebuis
Posts: 331
Joined: Wednesday 21 December 2016 9:11
Target OS: Raspberry Pi / ODroid
Domoticz version: current
Contact:

Re: A little bit of CSS polish..

Post 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
pvm
Posts: 550
Joined: Tuesday 17 June 2014 22:14
Target OS: NAS (Synology & others)
Domoticz version: 4.10538
Location: NL
Contact:

A little bit of CSS polish..

Post 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?
Synology NAS, slave PI3, ZWave (Fibaro), Xiaomi zigbee devices, BTLE plant sensor, DzVents, Dashticz on tablet, Logitech Media Server
Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest