Hotfix posicion selector rango de fechas mobile + pre-release para ve…

…rsion 2.8.3 del Explorer
datosgobar · Dec 27, 2019 · 996301e · 996301e
1 parent a6e8308
commit 996301e
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 11 deletions.
diff --git a/dist/css/main.css b/dist/css/main.css
@@ -294,6 +294,12 @@
   height: 25px !important;
 }
 
+@media (max-width: 687px) {   /* Correction of date-range selector for smaller viewports */
+  .highcharts-range-selector:focus {
+    top: 40px !important;
+  }
+}
+
 /*
 ------------------------------------------------------------------------------------
 MIXINS:

diff --git a/docs/reference/ts-explorer.md b/docs/reference/ts-explorer.md
@@ -1,17 +1,17 @@
 # TSExplorer
 
-**Versión**: 2.8.2
+**Versión**: 2.8.3
 
 El objeto `TSExplorer` contiene una _one page application_ con un explorador de series de tiempo, que permite buscar y visualizar series de un catálogo de datos abiertos.
 
-Está en el archivo llamado `main.js` y se aloja versionado en el CDN: https://cdn.jsdelivr.net/gh/datosgobar/[email protected].2/dist/js/main.js
+Está en el archivo llamado `main.js` y se aloja versionado en el CDN: https://cdn.jsdelivr.net/gh/datosgobar/[email protected].3/dist/js/main.js
 
 ## ¿Cómo lo uso?
 
 * Importar librería JS:
 
 ```html
-<script type='text/javascript' src='https://cdn.jsdelivr.net/gh/datosgobar/[email protected].2/dist/js/main.js'></script>
+<script type='text/javascript' src='https://cdn.jsdelivr.net/gh/datosgobar/[email protected].3/dist/js/main.js'></script>
 ```
 
 * Definir dónde se va a dibujar:
@@ -33,7 +33,7 @@ TSExplorer.render('explorer-container', {
 ```html
 <html>
 <body>
-  <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/datosgobar/[email protected].2/dist/js/main.js"></script>
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/datosgobar/[email protected].3/dist/js/main.js"></script>
 
   <div id="explorer-container"></div>
 
@@ -178,4 +178,4 @@ Si se habilita la abreviatura y formateo de números grandes, encendiendo el fla
 * En caso de abreviar, la cantidad de decimales que son tenidos en cuenta del cociente obtenido al dividir el valor original de la serie por el divisor apropiado depende de los valores (por defecto o especificados) de las cantidades de los parámetros `decimalsBillion` y `decimalsMillion` (según corresponda).
 
 ## Demo online
-[https://jsfiddle.net/r9np3w4s/](https://jsfiddle.net/r9np3w4s/)
+[https://jsfiddle.net/6v7at9nh/](https://jsfiddle.net/6v7at9nh/)
diff --git a/docs/reference/ts-explorer/index.html b/docs/reference/ts-explorer/index.html
@@ -633,14 +633,14 @@
 
 
                 <h1 id="tsexplorer"><a class="toclink" href="#tsexplorer">TSExplorer</a><a class="headerlink" href="#tsexplorer" title="Permanent link">&#128279;</a></h1>
-<p><strong>Versión</strong>: 2.8.2</p>
+<p><strong>Versión</strong>: 2.8.3</p>
 <p>El objeto <code>TSExplorer</code> contiene una <em>one page application</em> con un explorador de series de tiempo, que permite buscar y visualizar series de un catálogo de datos abiertos.</p>
-<p>Está en el archivo llamado <code>main.js</code> y se aloja versionado en el CDN: https://cdn.jsdelivr.net/gh/datosgobar/[email protected].2/dist/js/main.js</p>
+<p>Está en el archivo llamado <code>main.js</code> y se aloja versionado en el CDN: https://cdn.jsdelivr.net/gh/datosgobar/[email protected].3/dist/js/main.js</p>
 <h2 id="como-lo-uso"><a class="toclink" href="#como-lo-uso">¿Cómo lo uso?</a><a class="headerlink" href="#como-lo-uso" title="Permanent link">&#128279;</a></h2>
 <ul>
 <li>Importar librería JS:</li>
 </ul>
-<div class="codehilite"><pre><span></span><span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&#39;text/javascript&#39;</span> <span class="na">src</span><span class="o">=</span><span class="s">&#39;https://cdn.jsdelivr.net/gh/datosgobar/[email protected].2/dist/js/main.js&#39;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+<div class="codehilite"><pre><span></span><span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&#39;text/javascript&#39;</span> <span class="na">src</span><span class="o">=</span><span class="s">&#39;https://cdn.jsdelivr.net/gh/datosgobar/[email protected].3/dist/js/main.js&#39;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
 </pre></div>
 
 
@@ -663,7 +663,7 @@ <h2 id="como-lo-uso"><a class="toclink" href="#como-lo-uso">¿Cómo lo uso?</a><
 <h2 id="ejemplo-de-uso"><a class="toclink" href="#ejemplo-de-uso">Ejemplo de uso</a><a class="headerlink" href="#ejemplo-de-uso" title="Permanent link">&#128279;</a></h2>
 <div class="codehilite"><pre><span></span><span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span>
 <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
-  <span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://cdn.jsdelivr.net/gh/datosgobar/[email protected].2/dist/js/main.js&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+  <span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://cdn.jsdelivr.net/gh/datosgobar/[email protected].3/dist/js/main.js&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
 
   <span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;explorer-container&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
 
@@ -807,7 +807,7 @@ <h2 id="abreviatura"><a class="toclink" href="#abreviatura">Abreviatura</a><a cl
 <li>En caso de abreviar, la cantidad de decimales que son tenidos en cuenta del cociente obtenido al dividir el valor original de la serie por el divisor apropiado depende de los valores (por defecto o especificados) de las cantidades de los parámetros <code>decimalsBillion</code> y <code>decimalsMillion</code> (según corresponda).</li>
 </ul>
 <h2 id="demo-online"><a class="toclink" href="#demo-online">Demo online</a><a class="headerlink" href="#demo-online" title="Permanent link">&#128279;</a></h2>
-<p><a href="https://jsfiddle.net/r9np3w4s/">https://jsfiddle.net/r9np3w4s/</a></p>
+<p><a href="https://jsfiddle.net/6v7at9nh/">https://jsfiddle.net/6v7at9nh/</a></p>
 
 
 

diff --git a/docs/search/search_index.json b/docs/search/search_index.json
diff --git a/docs/sitemap.xml.gz b/docs/sitemap.xml.gz
diff --git a/public/assets/css/main.css b/public/assets/css/main.css
@@ -294,6 +294,12 @@
   height: 25px !important;
 }
 
+@media (max-width: 687px) {   /* Correction of date-range selector for smaller viewports */
+  .highcharts-range-selector:focus {
+    top: 40px !important;
+  }
+}
+
 /*
 ------------------------------------------------------------------------------------
 MIXINS: