machinon theme Topic is solved

[EdddieN]

And we need a dashboard preview too... the simplest as possible. Maybe like this: ?

And plans preview too

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?

[landaisbenj]

And we need a dashboard preview too... the simplest as possible. Maybe like this: ?

And plans preview too

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.

[poudenes]

Hi All,

What a wonderful Theme!!! i found this on my dashboard:

Screen Shot 2018-07-12 at 21.19.17.jpg

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

for me a better solution.

Maybe the 3 dots with log, edit, timer etc.. totally left before the text. In this situation "Kodi - Status"

[EdddieN]

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

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..." ?

[landaisbenj]

Automatic scrolling?

[landaisbenj]

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...)

[EdddieN]

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]

Here you go

[landaisbenj]

Here you go

Nice

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)

[EdddieN]

Ok, both invited to zeplin, you can add comments there, ideas etc... I'll try to keep up with your speed!

[landaisbenj]

Thanks 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

[landaisbenj]

Should i create a screen ? I don't find the option... Or just copy a screen.

[DewGew]

Thanks for the invite.. I just wonder is the scss files and the files in css folder in use?

[EdddieN]

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

[landaisbenj]

Ok nice i will do that !!

[poudenes]

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;                                                                                                                                                       
} 

[landaisbenj]

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...

[poudenes]

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?

[landaisbenj]

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:

It's the goal project. And your code, change button style.

[landaisbenj]

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

... 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/