qgis2web edición de popup

Question

He exportado un webmap creado en qgis2web (QGIS 2.18.13) las capas abiertas. Hay una lista de los atributos que quería incluir en el menú, que son en su mayoría relacionados con un país demográficos y socioeconómicos perfil. En la imagen de abajo sin embargo, usted verá que la ventana emergente es bastante grande, fuera de rango y sin desplazamiento.

He intentado editar el qgis2web.archivo css dentro de los recursos para tratar y abordar algunos de los puntos, pero soy completamente nuevo en el CSS así que estoy familiarizado con la sintaxis... Podría alguno de ustedes por favor ayuda a:

1. Ajustar la anchura/altura de la ventana emergente
2. Capacidad para desplazarse a través de la ventana emergente

---

html, body {
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: sans-serif;
    font-size: small;
}

th, td {
    vertical-align: top;
    text-align: left;
}

#map {
    width: 100%;
    height: 100%;
}

.ol-popup {
    display: none;
    position: absolute;
    background-color: white;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;   
    height: 100;
    width: 200;
    min-width: 100px;
    max-height:400px;  
    overflow-y: scroll;      
}

.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}

.ol-popup-closer:after {
    content: "X";
}

.ol-attribution a {
    text-decoration: none;
    color: #666;
    font-family: calibri;
    font-size: 50%;
}

#popup-content>ul>li:nth-child(even) {
    background-color: #eee;
}

#popup-content ul {
    list-style-type: none;
    padding-left: 0;
}

#popup-content li {
    margin-bottom:0.25em;
}

Answer 1

En la clase CSS .ol-popup hay dos propiedades que desee echar un vistazo más de cerca:

min-width-controla el ancho mínimo de su emergente. Trate de ajustar a un valor más alto (como 200px o 400px)

overflow-y-puede tener uno de varios valores, allthough scroll debe producir una barra de desplazamiento.