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

disable scrollbar when embed? #3607

Closed
est opened this issue Dec 25, 2015 · 8 comments
Closed

disable scrollbar when embed? #3607

est opened this issue Dec 25, 2015 · 8 comments

Comments

@est
Copy link

est commented Dec 25, 2015

is it possible to disable this in grafana.light.min.css ?

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

1

I knew there might be some reason for this scrollbar to exist that I am unaware of, but can we at least make the scrollbar optional? I want my embedded graphs to be very clean without clutters.

@torkelo
Copy link
Member

torkelo commented Dec 25, 2015

your iframe embedding a graph I take it? What version of grafana and what browser and os are you using?

Is this iframed panels showing a scrollbar?
http://docs.grafana.org/guides/whats-new-in-v2/#panel-iframe-embedding

@torkelo torkelo added the needs more info Issue needs more information, like query results, dashboard or panel json, grafana version etc label Dec 25, 2015
@est
Copy link
Author

est commented Dec 28, 2015

Hi @torkelo,

Yes, I am iframe embedding a graph

What version of grafana and what browser and os are you using?

I am using Chrome v41 64bit on win7 64bit, using grafana-2.5.0-1.x86_64.rpm

Is this iframed panels showing a scrollbar?

Yes. I took a screenshot

1

@torkelo torkelo added type/bug and removed needs more info Issue needs more information, like query results, dashboard or panel json, grafana version etc labels Jan 6, 2016
@torkelo torkelo added this to the 3.0 milestone Jan 6, 2016
@jplatte
Copy link

jplatte commented Feb 6, 2016

If Grafana were to add the border-box fix, this would be fixed. The actual problem here is how the height of the iframe content is set, not taking into account the extra 2 pixels of the border that don't count as element height without the border-box fix. Simply disabling the scroll bar would be fighting the symptoms, not the actual issue, and it would also remove the lower border from the visible part of the iframe, which is particularily noticable with the light theme.

I didn't yet check in detail what parts of the layout applying the border-box fix would affect, but I'd say it's a good idea in general to have it in your CSS, so I might have a look at it if nobody else wants to pick this up.

@torkelo torkelo removed this from the 3.0-beta1 milestone Feb 8, 2016
@Azef1
Copy link

Azef1 commented Mar 7, 2016

+1 to patch this scrollbar:
capture3
I confim when i delete the border css in grafana.dark.min.css, the scrollbar disappear.
capture4

@torkelo
Copy link
Member

torkelo commented Apr 3, 2016

this should be fixed in Grafana 3.0

@torkelo torkelo closed this as completed Apr 3, 2016
@torkelo torkelo added this to the 3.0-beta1 milestone Apr 3, 2016
@m4rten
Copy link

m4rten commented May 24, 2018

where is that grafana.dark.min.css stored ?
if i change it, will the next update work without problem if i do so ?

@yatahaze
Copy link

I'm having this issue on 5.1.2

@dastrix80
Copy link

I have this same issue, how do we disable the scrollbar?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

8 participants