Default widget layout

[mkz212]

My last approach to default look suggestion.

[bwp91]

Don't forget to bring that scan to add to homekit language change here, I like the idea of the text being shortened, but I will leave this PR for @donavanbecker as I know he has been putting some work into screenshots for widget layouts 👍

[mkz212]

I changed the text in all language versions (using Google translate).

[donavanbecker]

Looks like something got messed up with the layout, I hit reset layout and got this:

[donavanbecker]

I will push a fix and see if it resolves it.

[grzegorz914]

Also on iPad portrait and landscape mode cut the widget.

[mkz212]

@donavanbecker I just updated code. Can You try? (Child Bridge Widget x position should be 15, not 16).

[donavanbecker]

@grzegorz914 does beta.25 fix it?

[mkz212]

I think that Homebridge widget should be scrollable (like System info widget).

[grzegorz914]

@donavanbecker no, the problem still exist with b.25

[mkz212]

@donavanbecker Child Bridge Widget x position should be 15, not 16. And there is no "Homebridge" word , only version.

[donavanbecker]

okay, I updated what you had @mkz212. If that doesn't work. I am going to revert back to what I had and see if it resolves it.

[mkz212]

also need to add to /ui/src/scss/themes-dark.scss :

.dropdown-item, .dropdown-item:hover {
   color: #eeeeee;
}

to fix this:

[donavanbecker]

that worked @mkz212.

@grzegorz914 beta.26. How is that for you?

[donavanbecker]

also need to add to /ui/src/scss/themes-dark.scss :

.dropdown-item, .dropdown-item:hover {
   color: #eeeeee;
}

to fix this:

I think you meant to put this in a different PR right?

[mkz212]

• beta 26 fix layout.

• Still no Homebridge word next to version in Homebridge widget.

• also need to add to /ui/src/scss/themes-dark.scss :

.dropdown-item, .dropdown-item:hover {
   color: #eeeeee;
}

[grzegorz914]

@donavanbecker b.26 nothing changed but I can rearrange it and adapted to the screen. looks like the size is only dynamic in x size and for y size is static.

[mkz212]

@donavanbecker I wouldn't want to mess up too much now. Could you add this code?

to /ui/src/scss/themes-dark.scss :

.dropdown-item, .dropdown-item:hover {
   color: #eeeeee;
}

[mkz212]

@grzegorz914 I think that problem is because this widget is not scroled like the widget system info. In the last stable version, with such a layout as you present it also does not display correctly for me - the widget is simply too narrow for this.

[donavanbecker]

@donavanbecker I wouldn't want to mess up too much now. Could you add this code?

to /ui/src/scss/themes-dark.scss :

.dropdown-item, .dropdown-item:hover {
   color: #eeeeee;
}

added for next beta.

[mkz212]

@donavanbecker

• Maybe simple solution is change text: "Uruchomiony na porcie: 55555" to "Port: 55555". ?
• Still no Homebridge word next to version. Can You fix this?

[bwp91]

do we need the word homebridge next to the version? the widget title is homebridge, is it not obvious?
also with longer beta version names, having homebridge there too might push that column to be quite wide

[mkz212]

@bwp91 I thought it was a mistake. Ok. But I would change the text from: "Uruchomiony na porcie: 55555" to "Port: 55555".

[donavanbecker]

@mkz212, you have an option to hide that port also.

[mkz212]

And this can fix display of item:

Every item need to have mr-5 pr-5

[mkz212]

@mkz212, you have an option to hide that port also.

Yes, I know, But I think this text is too long and looks better just: Port: 55555

[mkz212]

@bwp91 @donavanbecker

beta27 looks great. Only two changes in Homebridge widget:

• change text from Uruchomiony na porcie (Running on port) to simply Port: E.G. Port: 12345.
• to every item class add: mr-5 pr-5

So it will change this:

to this:

[donavanbecker]

@mkz212, open a PR with these changes and I will merge

[mkz212]

beta 30 looks fantastic!