Skip to content

Commit ba238ce

Browse files
committed
Evita que el mapa de filtro espacial se salga de su caja
En sidebars angostos el mapa desbordaba el módulo "Filtrá por área": medido, 35px a los 240px de ancho y 75px a los 200px. La causa es el par aspect-ratio + min-height que el theme ya usaba para darle al mapa la proporción alargada de Argentina. Mientras la caja es más ancha que min-height x (20/19) = 274px, el ratio deriva la altura del ancho y todo va bien. Por debajo de ese umbral gana el min-height y el ratio invierte el cálculo: pasa a fijar el ANCHO en 274px, sin importar cuánto mida el contenedor. Se acota con width/max-width al 100%: el alto vuelve a derivarse del ancho y min-height queda solo como piso. Verificado en el navegador de 160px a 320px de caja, desborde 0 en todos los casos.
1 parent 0fb8497 commit ba238ce

1 file changed

Lines changed: 7 additions & 0 deletions

File tree

ckanext/gobar_theme/assets/css/gobar-base.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -140,6 +140,13 @@ footer .lang-select .select2-chosen { color: #333!important; }
140140
height: auto !important;
141141
aspect-ratio: 20 / 19;
142142
min-height: 260px;
143+
/* Imprescindible junto al par aspect-ratio + min-height: cuando la caja es
144+
más angosta que min-height x (20/19) = 274px, el min-height gana sobre la
145+
altura que derivaría del ratio y entonces el ratio pasa a fijar el ANCHO
146+
(274px fijos), con lo que el mapa se sale de su contenedor. Acotando el
147+
ancho, el alto vuelve a derivarse de él y min-height solo actúa de piso. */
148+
width: 100%;
149+
max-width: 100%;
143150
}
144151

145152
/* ── ORGANIZACIONES / GRUPOS ──

0 commit comments

Comments
 (0)