https://www.redmine.org/https://www.redmine.org/favicon.ico?16793021292019-09-09T00:32:33ZRedmineRedmine - Patch #32037: Constrain sidebar width on different resolutionshttps://www.redmine.org/issues/32037?journal_id=936012019-09-09T00:32:33ZGo MAEDA
<ul><li><strong>Related to</strong> <i><a class="issue tracker-3 status-5 priority-4 priority-default closed" href="/issues/30435">Patch #30435</a>: Replace float rules with flexbox for content and sidebar block</i> added</li></ul> Redmine - Patch #32037: Constrain sidebar width on different resolutionshttps://www.redmine.org/issues/32037?journal_id=936022019-09-09T02:29:35ZGo MAEDA
<ul></ul><p>I would like to add widths for 960px and 1152px as follows. What do you think? I usually use the web browser around 1024px to 1100px wide. The sidebar width set by <a class="attachment" href="https://www.redmine.org/attachments/23817">responsive-multiresolution-sidebar.patch</a> is wider than the current default theme and too wide for me.</p>
<pre><code class="diff syntaxhl"><span class="gh">diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index d5f1762e3..0544322ac 100644
</span><span class="gd">--- a/public/stylesheets/application.css
</span><span class="gi">+++ b/public/stylesheets/application.css
</span><span class="p">@@ -85,7 +85,14 @@</span> div[id^="wrapper"] { min-height: inherit; }
#main {flex-grow: 2; display: flex; flex-direction: row-reverse;}
-#sidebar{ flex-shrink: 0; width: 22%; padding-left: 20px; background: #EEEEEE; border-left: 1px solid #ddd}
<span class="gi">+#sidebar{ flex-shrink: 0; padding-left: 20px; background: #EEEEEE; border-left: 1px solid #ddd}
+@media screen and (min-width: 0px) and (max-width: 960px) {#sidebar{width:200px;}}
+@media screen and (min-width: 960px) and (max-width: 1152px) {#sidebar{width:220px;}}
+@media screen and (min-width: 1152px) and (max-width: 1280px) {#sidebar{width:240px;}}
+@media screen and (min-width: 1280px) and (max-width: 1600px) {#sidebar{width:280px;}}
+@media screen and (min-width: 1600px) and (max-width: 1920px) {#sidebar{width:320px;}}
+@media screen and (min-width: 1920px) and (max-width: 2560px) {#sidebar{width:360px;}}
+@media screen and (min-width: 2560px) {#sidebar{width:380px;}}
</span> #sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }
#sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
* html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
</code></pre> Redmine - Patch #32037: Constrain sidebar width on different resolutionshttps://www.redmine.org/issues/32037?journal_id=936292019-09-09T22:03:40ZGo MAEDA
<ul><li><strong>Target version</strong> set to <i>Candidate for next major release</i></li></ul> Redmine - Patch #32037: Constrain sidebar width on different resolutionshttps://www.redmine.org/issues/32037?journal_id=937152019-09-15T00:06:50ZGo MAEDA
<ul><li><strong>Status</strong> changed from <i>New</i> to <i>Closed</i></li><li><strong>Assignee</strong> set to <i>Go MAEDA</i></li><li><strong>Target version</strong> changed from <i>Candidate for next major release</i> to <i>4.1.0</i></li></ul><p>Committed the patch with slight changes. Thank you for improving Redmine.</p> Redmine - Patch #32037: Constrain sidebar width on different resolutionshttps://www.redmine.org/issues/32037?journal_id=950242019-11-27T17:10:08ZMarius BÄ‚LTEANU
<ul><li><strong>Related to</strong> <i><a class="issue tracker-2 status-5 priority-4 priority-default closed" href="/issues/32520">Feature #32520</a>: Issues activity gnats calendar tabs - too much real estate in high hand panel</i> added</li></ul>