Some buttons in wiki toolbar are hidden in responsive layout
|Assignee:||Marius BALTEANU||% Done:|
|Category:||UI - Responsive|
|Target version:||Candidate for next minor release|
#27758#note-8 by Marius BALTEANU:
on responsive mode, when the screen resolution width in less than the total width of the js toolbar (tabs + buttons), some buttons become hidden. I'm not happy with the current solution, but is not a blocker from my point of view and we can improve this later when we have a better solution.
#27758#note-53 by Takeshi Nakamura:
Toolbar buttons are not wrapped when the screen is narrow.
#3 Updated by Takenori TAKAKI about 3 years ago
- File scrollable-css.patch added
- File scrollable-css.gif added
- File move-left-right-buttons.patch added
- File move-left-right-buttons.png added
I made two patterns of patches to make wiki-toolbar scrollable.
Attach the patches with the screenshot.
Add scroll setting with css to wiki-toolbar.
Add buttons to move the wiki-toolbar left and right like the setting screen.
#5 Updated by Bernhard Rohloff almost 3 years ago
Github also has an interesting solution for this issue. They simply put their toolbar under the tab if there's not enough space left next to it.
On wide screens the toolbar is next to the tabs.
On narrow screens it moves under the tabs in the input field area.