https://www.redmine.org/https://www.redmine.org/favicon.ico?16793021292018-09-30T09:13:29ZRedmineRedmine - Defect #29694: Some buttons in wiki toolbar are hidden in responsive layouthttps://www.redmine.org/issues/29694?journal_id=876862018-09-30T09:13:29ZGo MAEDA
<ul><li><strong>Related to</strong> <i><a class="issue tracker-2 status-5 priority-4 priority-default closed" href="/issues/27758">Feature #27758</a>: Adds preview option to the wiki toolbar</i> added</li></ul> Redmine - Defect #29694: Some buttons in wiki toolbar are hidden in responsive layouthttps://www.redmine.org/issues/29694?journal_id=891912018-12-30T07:49:45ZMarius BÄ‚LTEANU
<ul><li><strong>Assignee</strong> set to <i>Marius BÄ‚LTEANU</i></li></ul> Redmine - Defect #29694: Some buttons in wiki toolbar are hidden in responsive layouthttps://www.redmine.org/issues/29694?journal_id=960062020-01-31T08:07:39ZTakenori TAKAKItakenory@gmail.com
<ul><li><strong>File</strong> <a href="/attachments/24740">scrollable-css.patch</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/24740/scrollable-css.patch">scrollable-css.patch</a> added</li><li><strong>File</strong> <a href="/attachments/24741">scrollable-css.gif</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/24741/scrollable-css.gif">scrollable-css.gif</a> added</li><li><strong>File</strong> <a href="/attachments/24742">move-left-right-buttons.patch</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/24742/move-left-right-buttons.patch">move-left-right-buttons.patch</a> added</li><li><strong>File</strong> <a href="/attachments/24743">move-left-right-buttons.png</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/24743/move-left-right-buttons.png">move-left-right-buttons.png</a> added</li></ul><p>I made two patterns of patches to make wiki-toolbar scrollable.<br />Attach the patches with the screenshot.</p>
<p>(1) scrollable-css.patch<br />Add scroll setting with css to wiki-toolbar.</p>
<p><img src="https://www.redmine.org/attachments/download/24741/scrollable-css.gif" style="width:400px;" alt="" /></p>
<p>(2) move-left-right-buttons.patch<br />Add buttons to move the wiki-toolbar left and right like the setting screen.</p>
<p><img src="https://www.redmine.org/attachments/download/24743/move-left-right-buttons.png" style="width:500px;" alt="" /></p> Redmine - Defect #29694: Some buttons in wiki toolbar are hidden in responsive layouthttps://www.redmine.org/issues/29694?journal_id=962902020-02-17T14:03:00ZGo MAEDA
<ul><li><strong>File</strong> <a href="/attachments/24838">slack-popup-menu.png</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/24838/slack-popup-menu.png">slack-popup-menu.png</a> added</li></ul><p>It may be one of the solutions to reduce buttons by implementing a context menu like Slack. In Slack, the menu is displayed when you select text. We can remove some buttons from the current toolbar with the popup menu.</p>
<p><img src="https://www.redmine.org/attachments/download/24838/slack-popup-menu.png" style="border: 1px solid grey;" alt="" /></p> Redmine - Defect #29694: Some buttons in wiki toolbar are hidden in responsive layouthttps://www.redmine.org/issues/29694?journal_id=962912020-02-17T16:25:06ZBernhard Rohloff
<ul><li><strong>File</strong> <a href="/attachments/24839">github_small.png</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/24839/github_small.png">github_small.png</a> added</li><li><strong>File</strong> <a href="/attachments/24840">github_wide.png</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/24840/github_wide.png">github_wide.png</a> added</li></ul><p>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.</p>
<p>On wide screens the toolbar is next to the tabs.<br /><img src="https://www.redmine.org/attachments/download/24840/github_wide.png" alt="" /></p>
<p>On narrow screens it moves under the tabs in the input field area.<br /><img src="https://www.redmine.org/attachments/download/24839/github_small.png" alt="" /></p>