You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@druid.apache.org by GitBox <gi...@apache.org> on 2020/10/16 03:36:12 UTC

[GitHub] [druid] vogievetsky opened a new pull request #10515: Web console: refresh and tighten up the console styles ✨💅💫

vogievetsky opened a new pull request #10515:
URL: https://github.com/apache/druid/pull/10515


   This is a style pass and color overhaul for the console. It was about time that a professional designer took a look at the console. The aim of this work was to make the console style tie in better with the Druid brand colors and to tighten up all the miscellaneous paddings and margins all over the place.
   
   The true heavy lifting of this styling was was done by @asherbitter and all credit goes to him. I just helped with things like updating package versions and importing the new font.
   
   ![localhost_18081_unified-console html(Doc screenshot) (9)](https://user-images.githubusercontent.com/177816/96206449-c3e58800-0f1d-11eb-977a-8fbdbe4dce77.png)
   
   - Notice the new background color hue (derivative from the Druid logo background)
   - The home view icons are now Druid brand colored
   - The logo in the top left corner was tightened up
   
   ![localhost_18081_unified-console html(Doc screenshot) (10)](https://user-images.githubusercontent.com/177816/96206456-c7790f00-0f1d-11eb-9c01-21aa34e4fa1b.png)
   
   - The data source tiles now fill up the entire space and are responsive
   
   ![localhost_18081_unified-console html(Doc screenshot) (12)](https://user-images.githubusercontent.com/177816/96206466-c9db6900-0f1d-11eb-9551-9f4dd727541d.png)
   
   - Look at how the panels are much better defined
   - The padding in this view was tightened up
   - The font in the console has been changed from `apple system default` to Open Sans an open source (Apache-2.0) font which has monospaced numbers allowing us to align the numeric columns really nicely
   - Notice the flat buttons - the gradients have been removed as is the more modern style
   
   ![localhost_18081_unified-console html(Doc screenshot) (13)](https://user-images.githubusercontent.com/177816/96206474-cd6ef000-0f1d-11eb-9fa0-cf6f2b080f91.png)
   
   - One of the table views
   
   #### Original colors for reference:
   
   ![localhost_18081_unified-console html(Doc screenshot) (4)](https://user-images.githubusercontent.com/177816/96206506-e5df0a80-0f1d-11eb-82cc-beaa63b44646.png)
   
   
   


----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@druid.apache.org
For additional commands, e-mail: commits-help@druid.apache.org

[GitHub] [druid] clintropolis merged pull request #10515: Web console: refresh and tighten up the console styles ✨💅💫

Posted by GitBox <gi...@apache.org>.
clintropolis merged pull request #10515:
URL: https://github.com/apache/druid/pull/10515


   


----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@druid.apache.org
For additional commands, e-mail: commits-help@druid.apache.org