?
avatar brianteeman
brianteeman
29 Apr 2017

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

@ciar4n

avatar brianteeman brianteeman - open - 29 Apr 2017
avatar joomla-cms-bot joomla-cms-bot - change - 29 Apr 2017
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 29 Apr 2017
avatar ciar4n
ciar4n - comment - 29 Apr 2017

Thank you @brianteeman. Had already submitted a PR for this this morn... #15679

Fix since merged.

avatar franz-wohlkoenig franz-wohlkoenig - change - 29 Apr 2017
Category Templates (admin) UI/UX
avatar C-Lodder
C-Lodder - comment - 29 Apr 2017

ah balls, my bad Brian. @ciar4n check com_associations in the backend. The title gets pushed on to 2 lines, however the topbar has a set height, so doesn't auto expand.

screeny

avatar ciar4n
ciar4n - comment - 30 Apr 2017

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.

avatar franz-wohlkoenig franz-wohlkoenig - change - 1 May 2017
Status New Discussion
avatar infograf768
infograf768 - comment - 29 May 2017

IMHO, site title should be taken away from there. We should go back to 2 top bars as we have in the the 3.x series and make sure that it works on Mobile.
As it is now, not only those are wrong, but the left navigation gets real weird and let's be frank, totally unusable.

screen shot 2017-05-29 at 11 16 52
screen shot 2017-05-29 at 11 14 34

avatar infograf768
infograf768 - comment - 29 May 2017

The other aspect is that the now hidden Site title link is clicked when selecting in the dropbox
screen shot 2017-05-29 at 11 22 30

Above I Hover the Select Language filter.

avatar infograf768
infograf768 - comment - 31 May 2017

@C-Lodder @ciar4n
Hope you find a solution soonish.

avatar infograf768
infograf768 - comment - 31 May 2017

we may already move back the site preview to get something like
screen shot 2017-05-31 at 15 27 07

avatar C-Lodder
C-Lodder - comment - 31 May 2017

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.

avatar C-Lodder
C-Lodder - comment - 31 May 2017

PR: #16399

avatar wilsonge wilsonge - change - 31 May 2017
Status Discussion Closed
Closed_Date 0000-00-00 00:00:00 2017-05-31 16:25:54
Closed_By wilsonge
avatar wilsonge wilsonge - close - 31 May 2017

Add a Comment

Login with GitHub to post a comment