Project

General

Profile

Cleanup #35693

Cleanup #35688: mgr/dashboard: Community branding & styling recommendations

Proposed About modal box

Added by Ernesto Puerta 12 months ago. Updated 7 months ago.

Status:
Resolved
Priority:
Normal
Assignee:
-
Category:
dashboard/general
Target version:
Start date:
09/05/2018
Due date:
% Done:

0%

Tags:
UI, low-hanging-fruit
Backport:
Reviewed:
Affected Versions:
Pull request ID:

Description

Current

Proposal

  • Change background color to brand gray (#374249)
  • Add background image (attached below), anchored to bottom/right
  • Ceph icon with full logo on top (attached below)
  • Ceph version laid out differently from downstream since upstream versioning is more verbose
  • A small drop-shadow (#374249), the same color as the background, is applied to all of the text for better readability when the text overlays the background image. Since it is the same color as the background, the drop-shadow is invisible unless the text overlaps the image.

Proposed About Modal

ceph_about_fix.png View - Proposed About Modal (191 KB) Ju Lim, 09/05/2018 03:17 PM

modal_original.jpg View (17.2 KB) Ernesto Puerta, 09/05/2018 03:21 PM

ceph_login_bgimage_fix.png View - Background Image (source: https://unsplash.com/photos/Lu9z9qS8I_Q, free for commercial use) (145 KB) Ernesto Puerta, 09/05/2018 04:44 PM

Ceph_Logo_Standard_RGB_Reversed_120411_fa.png View - https://ceph.com/logos/ (27.5 KB) Ernesto Puerta, 09/05/2018 05:13 PM


Related issues

Copied from mgr - Cleanup #35692: Proposed background color Won't Fix 09/05/2018

History

#1 Updated by Ernesto Puerta 12 months ago

  • File modal.jpg added
  • Copied from Cleanup #35692: Proposed background color added

#2 Updated by Ernesto Puerta 12 months ago

  • File deleted (gray_background.png)

#3 Updated by Ernesto Puerta 12 months ago

  • File modal_original.jpg added
  • Description updated (diff)

#4 Updated by Ju Lim 12 months ago

#5 Updated by Ju Lim 12 months ago

  • File deleted (modal_original.jpg)

#6 Updated by Ju Lim 12 months ago

  • File deleted (modal.jpg)

#7 Updated by Ernesto Puerta 12 months ago

  • File ceph_about_fix.png added
  • Description updated (diff)

#8 Updated by Ernesto Puerta 12 months ago

#9 Updated by Ernesto Puerta 12 months ago

  • File deleted (ceph_about_fix.png)

#11 Updated by Anonymous 12 months ago

What is the version reported here ? I think that the version of the dashboard.
Using the "ceph version" label here could be confusing regarding the ceph versions running on the nodes themselves (osd/mon/etc..).

Maybe replacing "ceph version" by "Version" and aligned with the other items would be more consistent and less confusing.

#12 Updated by Kai Wagner 11 months ago

Combined with the Login page Option 2 this lgtm as well.

#13 Updated by Lenz Grimmer 10 months ago

  • Tags changed from UI to UI, low-hanging-fruit

#14 Updated by Kanika Murarka 8 months ago

  • Status changed from New to Need Review

#15 Updated by Lenz Grimmer 7 months ago

  • Status changed from Need Review to Resolved
  • Target version set to v14.0.0

Also available in: Atom PDF