Using flex means that the site title changes position on the screen on almost every page load because it is centred between the page title and the user action icons.
As the text hasnt changed the position on the screen shouldnt change. changing position draws your attention to it and you shouldnt be. Its a distraction!!
Probably you need to use a regular bootstrap grid and not flex
Labels |
Added:
?
|
Category | ⇒ | Templates (admin) UI/UX |
Wrapping the page title here would look strange. Considering both page and site title can potentially be quite long I think we should fine an alternative layout with less restrictions in length for each.
Status | New | ⇒ | Discussion |
I'm in 2 minds about this. As it stands, some of the titles are very long and the header is using flexbox to split the columns equally into 3 sections, thus not enough space.
Option 1: Have a secondary header (like J3) and put the view title there, so it has a full 12 column grid.
Option 2: Move the 3 icons to the sidebar so header is then split into 2 columns, rather than 3. This may still cause issues on smaller viewports, and I'd rather not have the header height adjusting based on content for desktop.
So I'd rather go with Option 1, but will see what others have to say.
Status | Discussion | ⇒ | Closed |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2017-05-31 16:25:54 |
Closed_By | ⇒ | wilsonge |
Thank you @brianteeman. Had already submitted a PR for this this morn... #15679
Fix since merged.