Page 4 of 36
Re: machinon theme - (work in progress)
Posted: Thursday 12 July 2018 19:49
by EdddieN
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
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?
Re: machinon theme - (work in progress)
Posted: Thursday 12 July 2018 20:13
by landaisbenj
Yes lol no need for plans.
Re: machinon theme - (work in progress)
Posted: Thursday 12 July 2018 21:32
by 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"
Re: machinon theme - (work in progress)
Posted: Thursday 12 July 2018 22:03
by EdddieN
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
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..." ?
Re: machinon theme - (work in progress)
Posted: Thursday 12 July 2018 22:07
by landaisbenj
Automatic scrolling?
Re: machinon theme - (work in progress)
Posted: Friday 13 July 2018 11:56
by 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...)
Re: machinon theme - (work in progress)
Posted: Friday 13 July 2018 12:10
by 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?
Re: machinon theme - (work in progress)
Posted: Friday 13 July 2018 12:20
by DewGew
Here you go
Re: machinon theme - (work in progress)
Posted: Friday 13 July 2018 13:41
by landaisbenj
DewGew wrote: ↑Friday 13 July 2018 12:20
Here you go
Nice
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)
Re: machinon theme - (work in progress)
Posted: Friday 13 July 2018 17:18
by EdddieN
Ok, both invited to zeplin, you can add comments there, ideas etc... I'll try to keep up with your speed!
Re: machinon theme - (work in progress)
Posted: Friday 13 July 2018 17:26
by 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
Re: machinon theme - (work in progress)
Posted: Friday 13 July 2018 17:55
by landaisbenj
Should i create a screen ? I don't find the option... Or just copy a screen.
Re: machinon theme - (work in progress)
Posted: Friday 13 July 2018 18:26
by DewGew
Thanks for the invite.. I just wonder is the scss files and the files in css folder in use?
Re: machinon theme - (work in progress)
Posted: Friday 13 July 2018 18:29
by 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
Re: machinon theme - (work in progress)
Posted: Friday 13 July 2018 19:20
by landaisbenj
Ok nice i will do that !!
Re: machinon theme - (work in progress)
Posted: Saturday 14 July 2018 11:45
by 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;
}
Re: machinon theme - (work in progress)
Posted: Saturday 14 July 2018 12:17
by landaisbenj
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...
Re: machinon theme - (work in progress)
Posted: Saturday 14 July 2018 12:31
by poudenes
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?
Re: machinon theme - (work in progress)
Posted: Saturday 14 July 2018 13:01
by landaisbenj
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:
It's the goal project. And your code, change button style.
Re: machinon theme - (work in progress)
Posted: Saturday 14 July 2018 13:09
by landaisbenj
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
... 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/