A little bit of CSS polish..

Post Reply
blauwebuis
Posts: 145
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

A little bit of CSS polish..

Post by blauwebuis » Monday 27 February 2017 19:29

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: 145
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

Re: A little bit of CSS polish..

Post by blauwebuis » Monday 06 March 2017 21:13

I added some small improvements.

Nautilus
Posts: 653
Joined: Friday 02 October 2015 12:12
Target OS: Raspberry Pi
Domoticz version: beta
Location: Finland
Contact:

Re: A little bit of CSS polish..

Post by Nautilus » Tuesday 07 March 2017 0:13

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: 145
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

Re: A little bit of CSS polish..

Post by blauwebuis » Tuesday 07 March 2017 11:59

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: 653
Joined: Friday 02 October 2015 12:12
Target OS: Raspberry Pi
Domoticz version: beta
Location: Finland
Contact:

Re: A little bit of CSS polish..

Post by Nautilus » Tuesday 07 March 2017 12:10

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: 145
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

Re: A little bit of CSS polish..

Post by blauwebuis » Tuesday 07 March 2017 12:42

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: 653
Joined: Friday 02 October 2015 12:12
Target OS: Raspberry Pi
Domoticz version: beta
Location: Finland
Contact:

Re: A little bit of CSS polish..

Post by Nautilus » Tuesday 07 March 2017 12:55

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: 145
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

Re: A little bit of CSS polish..

Post by blauwebuis » Tuesday 07 March 2017 18:07

OMG that's wonderful! That didn't exist 3 years ago! Yess!

blauwebuis
Posts: 145
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

Re: A little bit of CSS polish..

Post by blauwebuis » Friday 10 March 2017 17:23

I've done it, my first ever Github merge request :-)

blauwebuis
Posts: 145
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

Re: A little bit of CSS polish..

Post by blauwebuis » Sunday 19 March 2017 23:45

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

A little bit of CSS polish..

Post by pvm » Sunday 19 March 2017 23:53

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, PI3, ZWave, Xiamo zigbee devices, BTLE plant sensor

Post Reply

Who is online

Users browsing this forum: No registered users and 3 guests