Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

6.2 Introduced excessive padding to Input Controls - wasting valuable screen real estate (and looks horrible as well) #16664

Closed
robcowart opened this issue Feb 12, 2018 · 2 comments
Labels
Feature:Dashboard Dashboard related features Feature:Input Control Input controls visualization Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas

Comments

@robcowart
Copy link

Kibana version: 6.2.1

Browser version: Chrome, Firefox, Safari

Steps to reproduce:

  1. Compare input controls between 6.2.1 and 6.1.3

6.2.1 introduced excessive padding to the input controls plugin, robbing the user of both excessive screen real estate... and it looks horrible to boot.

This was 6.1.3
screen shot 2018-02-12 at 09 27 04
While you could tweak the location of the labels a little, overall this was good spacing.

This is 6.2.1 (NOTE: the min-width of 250px is also an issue at common monitor resolutions)
screen shot 2018-02-12 at 09 26 32

This issue of excessive padding has already been raised here... #15594 (although it has been largely ignored). However it appears that instead of fixing the problem, it is spreading to other components. Kibana isn't a website, it is a business app, and should be styled accordingly.

Most important to understand is that almost none of your users have 5K Retina displays. Even optimizing for 1920x1080 is too big for many users, and the current padding and styling choices make it difficult to create useful dashboards even at that resolution. Those users that do have large high resolution displays, have them to get more valuable data on the screen, not waste it with excessive whitespace. Overall it looks like Kibana is moving in the wrong direction in this regard.

I am currently working with a number of customers where I have been forced to recommend to them that they stick to 5.6 until the Kibana issues are addressed. Once they see the negative impact that an upgrade will have on their dashboards they instantly agree. I hope this issue and #15594 sees some attention quickly.

@timroes timroes added Feature:Dashboard Dashboard related features Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. :Sharing Feature:Visualizations Generic visualization features (in case no more specific feature label is available) Feature:Input Control Input controls visualization labels Feb 12, 2018
@snide
Copy link
Contributor

snide commented Feb 12, 2018

The variables at play in user created dashboards are tough to juggle. Almost any change made will have some ripple effect against existing dashboards in the wild. I think you're correct that forms within dashboards should likely be more compact. We'll look into adding it at our base layer.

@timroes timroes removed Feature:Visualizations Generic visualization features (in case no more specific feature label is available) Meta labels May 24, 2018
@timroes timroes added Team:Visualizations Visualization editors, elastic-charts and infrastructure and removed :Sharing labels Sep 13, 2018
@timroes timroes added Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas and removed Team:Visualizations Visualization editors, elastic-charts and infrastructure labels Oct 7, 2020
@clintandrewhall clintandrewhall added this to Inbox in Input Controls Apr 5, 2021
@ThomThomson
Copy link
Contributor

Closing this, as the new Controls system has a better use of screen real-estate.

Input Controls automation moved this from Inbox to Done Mar 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Dashboard Dashboard related features Feature:Input Control Input controls visualization Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas
Projects
No open projects
Development

No branches or pull requests

4 participants