Hubs-Foundation / hubs-cloud

Resources for self hosted Hubs Cloud instances
Mozilla Public License 2.0
155 stars 99 forks source link

logo not centered on homepage when there are no rooms (public, fav'd) showing #119

Open blairmacintyre opened 4 years ago

blairmacintyre commented 4 years ago

It's always annoyed me that my logos don't get centered on my homepages of hubs cloud sometimes.

It appears this only happens when there are no rooms showing up (public or favorited).

Digging into the CSS, I see that when @media (min-width: 992px) is active, the div with the .HomePage__logo-container__ class that contains the logo has align-self: flex start, overriding align-self: auto. Narrower pages don't override this.

If I uncheck the flex start line, the logo centers.

If I have any favorited or public rooms also showing, this div holding the logo also has a HomePage__center-logo__ class added to it, which fixes this.

┆Issue is synchronized with this Jira Task