nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Conf5 - Content by Label macro - IE9 scrolling issue

Iakov Dlikman

Hello all,

when we create a list of pages with a certain label using the Content by Label Macro Confluence renders it with little scroll bars, which can distract the user (please see the green arrow).

Have you faced similar behavior and can recommend how to avoid it?

Many Thanks

Iakov

Accepted answers

Aleš Laňar1

Hi lakov,

Try to fix it via stylesheets.

In admin console locate Look&Feel and there Stylesheet.

Next add class for this elements to hide scrollbars.

I guess it could be somethink like that:

.content-by-label{
 overflow:hidden !important;
}

Maybe you have to set it for overflow-y.

This will work in IE 9+.

I hope it will help you

All comments

Aleš Laňar1

Hi lakov,

Try to fix it via stylesheets.

In admin console locate Look&Feel and there Stylesheet.

Next add class for this elements to hide scrollbars.

I guess it could be somethink like that:

.content-by-label{
 overflow:hidden !important;
}

Maybe you have to set it for overflow-y.

This will work in IE 9+.

I hope it will help you

Iakov Dlikman

Hi Ales,

thanks for your quick response.

Yes, the name of the class is '.content-by-label'. Can You explain to me what the property 'overflow' does?

Where would You recommend to read up on CSS properties?

I've tried your code and the following code so far:

.content-by-label{
 overflow-y: hidden !important;
}

Kind Regards

Iakov

Aleš Laňar1

So it is ok? I hope that yes.

There are a lot of CSS, but for me is best this:

Using Google Chrome for Developer Tools (others browser have i too, but Chrome is Chrome ). Here you can visit any element of page and find it in source code and on roght side are all styles which are used for selected element
For all infos about CSS is best W3C School (www consorcium), on their site you can looking for all properties with examples. http://www.w3schools.com/cssref/default.asp

About overflow: By this you can said that how to show elements which are bigger than their containers. So when you have a div element with fix size and inner element what is bigger that parent div, then you can set overflow (set scrollbars mainly). I hope that you understand me But you can look for it on their site.

Iakov Dlikman

Hello Ales,

thank you for your answer and the links.

The code I'm using now looks like this:

.content-by-label &gt; li {
 overflow: hidden;
}

It works perfectly in my personal space but doesn't seem to work in other spaces. Any idea?

/Iakov

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

macro

confluence-administration

internet-explorer