https://tracker.ceph.com/https://tracker.ceph.com/favicon.ico2018-09-05T11:30:41ZCeph Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1199072018-09-05T11:30:41ZErnesto Puerta
<ul><li><strong>File</strong> <i>gray_background.png</i> added</li><li><strong>Copied from</strong> <i><a class="issue tracker-4 status-3 priority-4 priority-default closed child" href="/issues/35691">Cleanup #35691</a>: mgr/dashboard: Proposed Landing Page</i> added</li></ul> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1199102018-09-05T11:32:47ZErnesto Puerta
<ul><li><strong>Copied to</strong> <i><a class="issue tracker-4 status-3 priority-4 priority-default closed child" href="/issues/35693">Cleanup #35693</a>: Proposed About modal box</i> added</li></ul> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1199252018-09-05T13:31:58ZRicardo Marquesrimarques@suse.com
<ul><li><strong>File</strong> <a href="/attachments/download/3667/2018-09-05_14-20-33.png">2018-09-05_14-20-33.png</a> <a class="icon-only icon-magnifier" title="View" href="/attachments/3667/2018-09-05_14-20-33.png">View</a> added</li><li><strong>File</strong> <a href="/attachments/download/3668/2018-09-05_14-19-57.png">2018-09-05_14-19-57.png</a> <a class="icon-only icon-magnifier" title="View" href="/attachments/3668/2018-09-05_14-19-57.png">View</a> added</li></ul><p>`#F5F5F5` color is currently used on panel headers, table headers, etc..:</p>
<p><img src="https://tracker.ceph.com/attachments/download/3667/2018-09-05_14-20-33.png" alt="" /></p>
<p>After changing the background color to `#F5F5F5`, shouldn't we consider choosing a different color for panel headers, table headers, etc..?</p>
<p>For instance, `#F2F6F8`:</p>
<p><img src="https://tracker.ceph.com/attachments/download/3668/2018-09-05_14-19-57.png" alt="" /></p> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1199282018-09-05T13:37:59ZVolker Theile
<ul></ul><p>Please don't use #F2F6F8, it gives the UI an ExtJS default theme look.</p> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1199322018-09-05T14:14:31ZRicardo Marquesrimarques@suse.com
<ul></ul><p>Any other color works for me.</p> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1199442018-09-05T15:16:29ZErnesto Puerta
<ul><li><strong>File</strong> <a href="/attachments/download/3674/ceph_mast_pre_fix.png">ceph_mast_pre_fix.png</a> <a class="icon-only icon-magnifier" title="View" href="/attachments/3674/ceph_mast_pre_fix.png">View</a> added</li><li><strong>Description</strong> updated (<a title="View differences" href="/journals/119944/diff?detail_id=118544">diff</a>)</li></ul> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1199452018-09-05T15:16:46ZErnesto Puerta
<ul><li><strong>File</strong> deleted (<del><i>gray_background.png</i></del>)</li></ul> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1199532018-09-05T15:38:10ZMichael Celedonia
<ul><li><strong>File</strong> <a href="/attachments/download/3680/Screen%20Shot%202018-09-05%20at%2011.35.25%20AM.png">Screen Shot 2018-09-05 at 11.35.25 AM.png</a> <a class="icon-only icon-magnifier" title="View" href="/attachments/3680/Screen%20Shot%202018-09-05%20at%2011.35.25%20AM.png">View</a> added</li><li><strong>File</strong> <a href="/attachments/download/3681/Screen%20Shot%202018-09-05%20at%2011.35.36%20AM.png">Screen Shot 2018-09-05 at 11.35.36 AM.png</a> <a class="icon-only icon-magnifier" title="View" href="/attachments/3681/Screen%20Shot%202018-09-05%20at%2011.35.36%20AM.png">View</a> added</li></ul><p>I will propose a color between #F5F5F5 and #FFFFFF, it's a subtle off-white but it still makes a difference, #FCFCFC. The other option is to go a shade darker than the BG, which I would recommend against as it provides less context for the label text above and feels to compete more with the background visually. But if you prefer that option, I could recommend #F2F2F2.</p>
<p>Screenshots of each below, try it in the browser as well if possible.</p> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1199582018-09-05T15:55:34ZMichael Celedonia
<ul><li><strong>File</strong> <a href="/attachments/download/3684/Screen%20Shot%202018-09-05%20at%2011.35.36%20AM.png">Screen Shot 2018-09-05 at 11.35.36 AM.png</a> <a class="icon-only icon-magnifier" title="View" href="/attachments/3684/Screen%20Shot%202018-09-05%20at%2011.35.36%20AM.png">View</a> added</li></ul><p>Michael Celedonia wrote:</p>
<blockquote>
<p>I will propose a color between #F5F5F5 and #FFFFFF, it's a subtle off-white but it still makes a difference, #FCFCFC. The other option is to go a shade darker than the BG, which I would recommend against as it provides less context for the label text above and feels to compete more with the background visually. But if you prefer that option, I could recommend #F2F2F2.</p>
<p>Screenshots of each below, try it in the browser as well if possible.</p>
</blockquote>
<p>#FCFCFC<br /><img src="http://tracker.ceph.com/attachments/download/3680/Screen%20Shot%202018-09-05%20at%2011.35.25%20AM.png" alt="" /></p>
<p>#F2F2F2<br /><img src="http://tracker.ceph.com/attachments/download/3681/Screen%20Shot%202018-09-05%20at%2011.35.36%20AM.png" alt="" /></p> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1199722018-09-05T18:02:56ZRicardo Marquesrimarques@suse.com
<ul></ul><p>Michael Celedonia wrote:</p>
<blockquote>
<p>I will propose a color between #F5F5F5 and #FFFFFF, it's a subtle off-white but it still makes a difference, #FCFCFC. The other option is to go a shade darker than the BG, which I would recommend against as it provides less context for the label text above and feels to compete more with the background visually. But if you prefer that option, I could recommend #F2F2F2.</p>
<p>Screenshots of each below, try it in the browser as well if possible.</p>
</blockquote>
<p>`FCFCFC` looks great, thanks :)</p> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1199732018-09-05T18:06:23ZJu Lim
<ul></ul><p>+1 on #FCFCFC.</p> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1230312018-10-18T09:34:59ZLenz Grimmer
<ul><li><strong>Target version</strong> set to <i>v14.0.0</i></li><li><strong>Tags</strong> changed from <i>UI</i> to <i>UI, low-hanging-fruit</i></li></ul> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1264152018-12-20T09:39:25ZNeha .
<ul><li><strong>Assignee</strong> set to <i>Neha .</i></li></ul> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1265752018-12-25T03:25:38ZNeha .
<ul><li><strong>Status</strong> changed from <i>New</i> to <i>In Progress</i></li></ul> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1270872019-01-09T03:17:44ZNeha .
<ul><li><strong>Status</strong> changed from <i>In Progress</i> to <i>Fix Under Review</i></li></ul> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1277872019-01-21T08:13:52ZYaniv Kaul
<ul></ul><p>Are the color compliant with any standard that'll help users with color blindness?<br />See <a class="external" href="https://usabilla.com/blog/how-to-design-for-color-blindness/">https://usabilla.com/blog/how-to-design-for-color-blindness/</a></p> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1277902019-01-21T08:48:24ZLenz Grimmer
<ul></ul><p>Yaniv Kaul wrote:</p>
<blockquote>
<p>Are the color compliant with any standard that'll help users with color blindness?<br />See <a class="external" href="https://usabilla.com/blog/how-to-design-for-color-blindness/">https://usabilla.com/blog/how-to-design-for-color-blindness/</a></p>
</blockquote>
<p>Please see the comments in <a class="issue tracker-4 status-3 priority-4 priority-default closed child" title="Cleanup: mgr/dashboard: Proposed Landing Page (Resolved)" href="https://tracker.ceph.com/issues/35691">#35691</a> for a discussion about this topic - I'll look into submitting a dedicated tracker issue to keep this on our radar.</p> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1277912019-01-21T08:55:20ZLenz Grimmer
<ul></ul><p>Lenz Grimmer wrote:</p>
<blockquote>
<p>Please see the comments in <a class="issue tracker-4 status-3 priority-4 priority-default closed child" title="Cleanup: mgr/dashboard: Proposed Landing Page (Resolved)" href="https://tracker.ceph.com/issues/35691">#35691</a> for a discussion about this topic - I'll look into submitting a dedicated tracker issue to keep this on our radar.</p>
</blockquote>
<p>FYI, I now created <a class="issue tracker-2 status-1 priority-4 priority-default" title="Feature: mgr/dashboard: Improve dashboard usability for visually impaired users (New)" href="https://tracker.ceph.com/issues/37981">#37981</a> to address this.</p> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1277932019-01-21T08:56:53ZLenz Grimmer
<ul><li><strong>Related to</strong> <i><a class="issue tracker-2 status-1 priority-4 priority-default" href="/issues/37981">Feature #37981</a>: mgr/dashboard: Improve dashboard usability for visually impaired users</i> added</li></ul> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1278312019-01-21T10:27:02ZRicardo Marquesrimarques@suse.com
<ul><li><strong>Status</strong> changed from <i>Fix Under Review</i> to <i>Won't Fix</i></li></ul> Dashboard - Cleanup #35692: Proposed background colorhttps://tracker.ceph.com/issues/35692?journal_id=1278322019-01-21T10:27:17ZRicardo Marquesrimarques@suse.com
<ul><li><strong>Pull request ID</strong> set to <i>25831</i></li></ul>