machinon theme - (work in progress)

User avatar
EdddieN
Posts: 333
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: machinon theme - (work in progress)

Post by EdddieN » Thursday 12 July 2018 19:49

landaisbenj wrote:
Thursday 12 July 2018 15:22
And we need a dashboard preview too... the simplest as possible. Maybe like this: ?

And plans preview too :D

In fact, we need all the visuals to have a goal way.
This: https://github.com/EdddieN/machinon-dom ... hboard.png

There're more screens here: https://github.com/EdddieN/machinon-dom ... references

For plans? it is just a blank page right? there's nothing to edit there, or is it?
11101101 - www.machinon.com

landaisbenj
Posts: 99
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Thursday 12 July 2018 20:13

EdddieN wrote:
Thursday 12 July 2018 19:49
landaisbenj wrote:
Thursday 12 July 2018 15:22
And we need a dashboard preview too... the simplest as possible. Maybe like this: ?

And plans preview too :D

In fact, we need all the visuals to have a goal way.
This: https://github.com/EdddieN/machinon-dom ... hboard.png

There're more screens here: https://github.com/EdddieN/machinon-dom ... references

For plans? it is just a blank page right? there's nothing to edit there, or is it?

Yes lol no need for plans.
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

poudenes
Posts: 485
Joined: Wednesday 08 March 2017 10:42
Target OS: Linux
Domoticz version: 3.8993
Location: Amsterdam
Contact:

Re: machinon theme - (work in progress)

Post by poudenes » Thursday 12 July 2018 21:32

Hi All,

What a wonderful Theme!!! i found this on my dashboard:
Screen Shot 2018-07-12 at 21.19.17.jpg
Screen Shot 2018-07-12 at 21.19.17.jpg (27.51 KiB) Viewed 226 times
Changed the line @media (min-width: 980px) with some new sizes:

Code: Select all

@media (min-width: 980px) {                                                                                        
  .item #bigtext {                                                                                                 
    font-size: 10pt;                                                                                               
    top: 20px;                                                                                                     
  }                                                                                                                
} 
and now it seems like this:
Screen Shot 2018-07-12 at 21.30.05.jpg
Screen Shot 2018-07-12 at 21.30.05.jpg (27.25 KiB) Viewed 226 times
for me a better solution.

Maybe the 3 dots with log, edit, timer etc.. totally left before the text. In this situation "Kodi - Status"
RPi3 with OSMC - RPi3 with Domoticz - Dashticz - MiLight - Nanolead Aurora - KaKu - Logitech Hamony - Nest - RFLink

User avatar
EdddieN
Posts: 333
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: machinon theme - (work in progress)

Post by EdddieN » Thursday 12 July 2018 22:03

poudenes wrote:
Thursday 12 July 2018 21:32

for me a better solution.

Maybe the 3 dots with log, edit, timer etc.. totally left before the text. In this situation "Kodi - Status"
Yes I had similar issue with long names and the title. I like the big title because I use it on a wall tablet and also because the rest of my family does not always know what the icons mean. Yes I know, you can read them but it is like giving a manual to someone that does not want to read it :D

Wouldn't be easier to raise the position of the title up a bit by a few pixels? Although I think long subtitles will cause problems on mobile devices too. Maybe another alternative is to limit the amount of text: "This is a very long text an..." ?
11101101 - www.machinon.com

landaisbenj
Posts: 99
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Thursday 12 July 2018 22:07

Automatic scrolling?
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

landaisbenj
Posts: 99
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Friday 13 July 2018 11:56

omg you kill all my icon blind or light ?? :(

I think blind stop needed less bigger. 3 48 icones take some place who we don't have.

And maybe, apple logo on smartphone it's not a goode idea (licence or android user etc...)
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

User avatar
EdddieN
Posts: 333
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: machinon theme - (work in progress)

Post by EdddieN » Friday 13 July 2018 12:10

Which blind or light? I uploaded the icons to github and I didn't realised that i was replacing icons (new to github, I was expecting to tell me I was replacing them).

I agree on the phone icons, best to leave Apple or any other commercial brand out. Don't think it will be an issue but best practice. Working on zeplin to update the screens, maybe we can decide which icons go there on that webspace. Anyone interested to join the zeplin workspace?
11101101 - www.machinon.com

User avatar
DewGew
Posts: 225
Joined: Thursday 21 April 2016 12:01
Target OS: Raspberry Pi
Domoticz version: V4.9741
Location: Sweden
Contact:

Re: machinon theme - (work in progress)

Post by DewGew » Friday 13 July 2018 12:20

Here you go :)
Attachments
Phone48_On.png
Phone48_On.png (923 Bytes) Viewed 190 times
Raspberry Pi 2B - domoticz - Aeon Labs Z-Stick GEN5 - RFlink gateway
NanoPi NEO-air - domoticz - REGO6XX interface
Dashticz V2 - Homebridge

landaisbenj
Posts: 99
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Friday 13 July 2018 13:41

DewGew wrote:
Friday 13 July 2018 12:20
Here you go :)
Nice :D
EdddieN wrote:
Friday 13 July 2018 12:10
Which blind or light? I uploaded the icons to github and I didn't realised that i was replacing icons (new to github, I was expecting to tell me I was replacing them).

I agree on the phone icons, best to leave Apple or any other commercial brand out. Don't think it will be an issue but best practice. Working on zeplin to update the screens, maybe we can decide which icons go there on that webspace. Anyone interested to join the zeplin workspace?
DewGew must be join zeplin workspace lol

No probleme for my icon. I can put them on Custom Icon, mostly for all light (ceiling, bedside, wall light, desk and another...). I did light* and blind* but more solution can be suggest.
I think we can do anything we want for design, but if everyone create what they have in mind, we will have too much difference.

Maybe only you create design, or decide, we suggest, and can we help to put in project or propose idea. It's for this reason we need all board like you share. When every body is ok we can merge all result.

For icon we need a base too. All icon by @dewgew is really good. In my opinion just: contact blinds stop and motion have too much detail and be need less. Current and Percent are too big et blinds, like mine too are not really good ?
I think they need more simplycity. All other are really good. (and i think domoticz need more standard for name, space etc too xD)
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

User avatar
EdddieN
Posts: 333
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: machinon theme - (work in progress)

Post by EdddieN » Friday 13 July 2018 17:18

Ok, both invited to zeplin, you can add comments there, ideas etc... I'll try to keep up with your speed! :D
11101101 - www.machinon.com

landaisbenj
Posts: 99
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Friday 13 July 2018 17:26

Thanks :D I look at that. I think i will create skeleton for all board.
I see footer disapear and burger menu too ?

I thought to create burger menu who will appear bannier
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

landaisbenj
Posts: 99
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Friday 13 July 2018 17:55

Should i create a screen ? I don't find the option... Or just copy a screen.
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

User avatar
DewGew
Posts: 225
Joined: Thursday 21 April 2016 12:01
Target OS: Raspberry Pi
Domoticz version: V4.9741
Location: Sweden
Contact:

Re: machinon theme - (work in progress)

Post by DewGew » Friday 13 July 2018 18:26

Thanks for the invite.. I just wonder is the scss files and the files in css folder in use?
Raspberry Pi 2B - domoticz - Aeon Labs Z-Stick GEN5 - RFlink gateway
NanoPi NEO-air - domoticz - REGO6XX interface
Dashticz V2 - Homebridge

User avatar
EdddieN
Posts: 333
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: machinon theme - (work in progress)

Post by EdddieN » Friday 13 July 2018 18:29

I'm not sure myself yet how to fully use zeplin.... I know with the free account only one sketch account can upload to zeplin but not sure about adding.

I think is best if you add notes there and assign them to me.

Re footer, I'll add it
11101101 - www.machinon.com

landaisbenj
Posts: 99
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Friday 13 July 2018 19:20

Ok nice i will do that !!
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

poudenes
Posts: 485
Joined: Wednesday 08 March 2017 10:42
Target OS: Linux
Domoticz version: 3.8993
Location: Amsterdam
Contact:

Re: machinon theme - (work in progress)

Post by poudenes » Saturday 14 July 2018 11:45

Maybe you can change this css part. Then the buttons on above the devices and within log screen, edit, timer etc are same blue then with white text :)

Code: Select all

.btnstylerev,                                                                                                                                                           
.btnstyle {                                                                                                                                                             
  background: #43A4D3;                                                                                                                                                  
  color: #43A4D3;  

.bannav a.btnstylerev,                                                                                                                                                  
.bannav a.btnstyle {                                                                                                                                                    
  position: relative;                                                                                                                                                   
  overflow: visible;                                                                                                                                                    
  margin-left: 0px;                                                                                                                                                    
  color: #ffffff;                                                                                                                                                       
} 
RPi3 with OSMC - RPi3 with Domoticz - Dashticz - MiLight - Nanolead Aurora - KaKu - Logitech Hamony - Nest - RFLink

landaisbenj
Posts: 99
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Saturday 14 July 2018 12:17

poudenes wrote:
Saturday 14 July 2018 11:45
Maybe you can change this css part. Then the buttons on above the devices and within log screen, edit, timer etc are same blue then with white text :)
If you look at primary board, it's a style wanted...
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

poudenes
Posts: 485
Joined: Wednesday 08 March 2017 10:42
Target OS: Linux
Domoticz version: 3.8993
Location: Amsterdam
Contact:

Re: machinon theme - (work in progress)

Post by poudenes » Saturday 14 July 2018 12:31

landaisbenj wrote:
Saturday 14 July 2018 12:17
poudenes wrote:
Saturday 14 July 2018 11:45
Maybe you can change this css part. Then the buttons on above the devices and within log screen, edit, timer etc are same blue then with white text :)
If you look at primary board, it's a style wanted...
that do you mean by that?
RPi3 with OSMC - RPi3 with Domoticz - Dashticz - MiLight - Nanolead Aurora - KaKu - Logitech Hamony - Nest - RFLink

landaisbenj
Posts: 99
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Saturday 14 July 2018 13:01

poudenes wrote:
Saturday 14 July 2018 12:31
landaisbenj wrote:
Saturday 14 July 2018 12:17
poudenes wrote:
Saturday 14 July 2018 11:45
Maybe you can change this css part. Then the buttons on above the devices and within log screen, edit, timer etc are same blue then with white text :)
If you look at primary board, it's a style wanted...
that do you mean by that?
If you look at that: Image

It's the goal project. And your code, change button style.
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

landaisbenj
Posts: 99
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Saturday 14 July 2018 13:09

EdddieN wrote:
Thursday 12 July 2018 13:55
I see what you mean... would a button slider be the most intuitive solution here?

How many selector buttons do you think you will need? Asking only as I would like to think about from a visual design perspective too. Definitely when using a mobile phone.

Let me play with UX a bit and see what comes out :geek:

... Just wonder if we have a maximum like 3-4 and after that when you tap into it, it pops out (a bit like iOS 3d touch) and brings the full selector options, what do you think?
Yes good idea. But i think that need visual of all possibility without pop? I don't know what can be done (designed ?)

simultaneously i found another way to my suggest:

https://benfrain.com/a-horizontal-scrol ... indicator/
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests