Project

General

Profile

Cleanup #35689

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

mgr/dashboard: Proposed Login Screen

Added by Ernesto Puerta 3 months ago. Updated 4 days ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
dashboard/general
Target version:
Start date:
11/21/2018
Due date:
% Done:

0%

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

Description

Current
Current login screen

Option 1: fewer changes

  • Change background color to brand gray (#374249)
  • Add background image (attached to this ticket), anchored to bottom/right
  • Change input field BG color to #333E46
  • No border, separate line on show password is same page as background color
  • Layout changes -- logo and input moved to left to make room for background image

Option 1

Option 2: more changes

  • Change background color to brand gray (#374249)
  • Add background image (attached to this ticket), anchored to bottom/right
  • Input field taller
  • Change input field BG color to #333E46
  • Border, separate line on input fields
  • Layout changes -- logo and input moved to left to make room for background image
  • Replace Ceph icon with full logo and place above input fields
  • Everything else stays the same

Option 2

login_origina.png View - Current login screen (179 KB) Ernesto Puerta, 09/05/2018 11:34 AM

Ceph_Login_Pre_fix.png View - Option 1 (215 KB) Ernesto Puerta, 09/05/2018 03:05 PM

ceph_login_future_fix.png View - Option 2 (279 KB) Ernesto Puerta, 09/05/2018 03:06 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 03:07 PM


Subtasks

Cleanup #37357: Dashboard login screen language dropdownNew


Related issues

Related to mgr - Feature #24647: mgr/dashboard: Improve login screen Closed 06/25/2018

History

#1 Updated by Ernesto Puerta 3 months ago

#2 Updated by Ernesto Puerta 3 months ago

#3 Updated by Ernesto Puerta 3 months ago

#4 Updated by Ernesto Puerta 3 months ago

  • Description updated (diff)

#5 Updated by Ernesto Puerta 3 months ago

  • File deleted (login_screen_1.jpg)

#6 Updated by Ernesto Puerta 3 months ago

  • File deleted (login_screen_2.jpg)

#7 Updated by Ernesto Puerta 3 months ago

#8 Updated by Erwan Velu 3 months ago

My 2 cents,

I'm for option 2 as it makes the focus more obvious thx to the left blue bar.

If I may, having the ceph version reported would be helpful.

#9 Updated by Lenz Grimmer 3 months ago

Erwan Velu wrote:

I'm for option 2 as it makes the focus more obvious thx to the left blue bar.

Thanks for the feedback!

If I may, having the ceph version reported would be helpful.

For security purposes, this information should only be visible to authenticated users. Being able to determine a service's version number makes it easier for remote attackers to perform an exploit.

#10 Updated by Lenz Grimmer 3 months ago

FWIW, I too would be in favor of Option#2.

#11 Updated by Lenz Grimmer 3 months ago

Thanks for attaching the source image. The license terms are described here: https://unsplash.com/license
Even though not strictly necessary, I suggest to give credit to the image author as outlined on that page.

#12 Updated by Ju Lim 3 months ago

+1 for Option 2.

#13 Updated by Kai Wagner 3 months ago

Option #2 looks awesome! Well done.

#14 Updated by Lenz Grimmer about 2 months ago

  • Related to Feature #24647: mgr/dashboard: Improve login screen added

#15 Updated by Lenz Grimmer about 2 months ago

  • Tags set to low-hanging-fruit

#16 Updated by Lenz Grimmer about 2 months ago

  • Target version set to v14.0.0

#17 Updated by Ernesto Puerta 4 days ago

  • Subject changed from Proposed Login Screen to mgr/dashboard: Proposed Login Screen

Also available in: Atom PDF