JA Image Hotspot dropdown showing all

sly123

Hello,
We have a long dropdown list for the JA Image Hotspot dropdown, This is causing the page to be extra long and go past the copyright. We would like to show only half of the list items and have the rest be scrollable. Any help would be greatly appreciated.
Thanks so much

saguaros

sly123

Hi,

I've shared with the team for further improvement on this.

Regards

pippofulvio56

Hello,
we have a long drop-down list for the drop-down menu of JA's image hotspot, which is causing a page that is too long. I wanted to know if you found a solution

saguaros

pippofulvio56

Do you have any URL?

teitbite

pippofulvio56 Hi. Can You please tell me where is this long dropdown list? I believe it can be adjusted with some extra css, I just need to see it to check the css selectors.

jr-des-lagunes

Hello,
I am french and sorry for my english translated by a software.
I had the same problem that I was able to solve by modifying some lines placed in my custom.css so that it does not change during the next update.
/couleur background liste deroulante communne hotspot 222 et ajout ascenceur/
.cd-dropdown ul {
background: #FFF69C !important;
display: block;
list-style-type: none;
margin: 0;
min-width: 180px;
max-height: 300px !important;
padding: 0;
z-index: 1000;
overflow-y: scroll !important;
overflow-x:hidden !important;
}
/ couleur hover liste deroulante hotspot /
.cd-active.cd-dropdown ul li:hover span, .cd-active.cd-dropdown ul li span:hover {
color: #f00 !important;
}

You can see the result here!
https://palaja-genealogie.org/releves/etat-d-avancement

Hoping to have helped you
Cordially
JR

jr-des-lagunes

Hello,
My drop-down list is located at the top and right of the map, "Trouver une commune" in blue. The length of the list is in the parameter "max-height: 300px! Important;", the width is in the parameter "min-width: 180px;".
JR

teitbite

jr-des-lagunes Hi. Ok, now I can see it, but this dropdown is maintain by select html elements which does not come with the tempalte, but is being using a look from a browser directly, so it may appear differently depending which browser are You looking it at.

jr-des-lagunes

Hello,
It's possible, but it works well with Firefox, Edge and Chrome.
JR

saguaros

jr-des-lagunes
Hi,

On this page: https://www.cag-acg.org/network-hall

Try with this custom CSS:

.jai-map-wrap .cd-dropdown ul {
    max-height: 300px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}