Merge pull request #7 from RITSI/develop

Revisión responsive y zona de touch en botones
RITSI · Dec 3, 2024 · 71127b9 · 71127b9
2 parents efcfac4 + a35ce14
commit 71127b9
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
 <head>
   <title>RITSI - Recuento de votos</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta charset="UTF-16">
+  <meta charset="UTF-8">
   <meta name="description" content="Recuento de votos de la Asociación RITSI">
   <meta name="keywords" content="RITSI, votos, recuento">
   <meta name="author" content="Asociación RITSI">
@@ -23,21 +23,25 @@
   <div class="container mt-4">
 
     <nav class="navbar">
-      <div class="container">
-        <a class="navbar-brand" href="/index.html" style="display: flex; align-items: center;">
-          <img src="/logoritsi.png" alt="Bootstrap" width="150" style="margin-right: 10px;">
-          <h1 style="margin: 0; font-size: 2.5rem;">Recuento de votos   </h1>
-          <h3 style="margin: 0; font-size: 1.0rem;">by RITSI</h3>
+      <div class="container d-flex flex-wrap align-items-center text-start">
+        <a class="navbar-brand d-flex flex-row align-items-center w-100" href="/index.html">
+          <img src="/logoritsi.png" alt="Logo RITSI" class="img-fluid me-3" style="max-width: 100px;">
+          <div class="text-start">
+            <h1 class="h4 m-0">Recuento de votos</h1>
+            <h3 class="h6 m-0 text-muted">by RITSI</h3>
+          </div>
         </a>
       </div>
-    </nav>
+    </nav>     
 
     <div class="content">
       <ul class="list-inline" id="lista">
 
       </ul>
     </div>
+
     <h1 id="question" class="ritsi-red"></h1>
+
     <div class="row">
       <div class="recogida-info" id="input">
         <input type="text" id="title" placeholder="Título votación"> <br>

diff --git a/js/core-dyn.js b/js/core-dyn.js
@@ -108,9 +108,9 @@ function buildOptions(options) {
 	$('#question').text(options.question);
 
 	jQuery.each(options.slots, function (i, slot) {
-		var htmlModel = '<h2>' + slot.slotlabel + ' <span id="slot-' + i + '-label">0</span></h2><div class="progress"><div id="slot-' + i + '" class="progress-bar progress-bar-' + slot.barType + '" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="0" style="width: 0%;"><span class="sr-only"></span></div></div>';
+		var htmlModel = '<h2 id="slot-' + i + '-superlabel">' + slot.slotlabel + ' <span id="slot-' + i + '-label">0</span></h2><div class="progress"><div id="slot-' + i + '" class="progress-bar progress-bar-' + slot.barType + '" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="0" style="width: 0%;"><span class="sr-only"></span></div></div>';
 		$('#option-container').append(htmlModel);
-		$('#slot-' + i+'-label').click(function() {
+		$('#slot-' + i + '-superlabel').click(function() {
 			var e = jQuery.Event("keypress");
 			e.which = 49+i; 
 			$(document).trigger(e);

diff --git a/logoRitsi.png → logoritsi.png b/logoRitsi.png → logoritsi.png