Bladeren bron

Migliorata grafica tabelle nella pagina di ricerca

Giulia Cacioli 2 jaren geleden
bovenliggende
commit
30bb6f5ad3
3 gewijzigde bestanden met toevoegingen van 42 en 15 verwijderingen
  1. 23 1
      css/landing-page.css
  2. 4 4
      js/search.js
  3. 15 10
      ricerca.html

+ 23 - 1
css/landing-page.css

@@ -614,8 +614,22 @@ table a:hover {
     font-weight: 600;
 }
 
+.section_type {
+    font-size: 18px;
+}
+
+.section_desc {
+    font-weight: 500;
+}
+
 .num_res {
-    text-align: right;
+    display: flex;
+    justify-content: end;
+    align-items: end;
+}
+
+.num_res p {
+    margin-bottom: 0;
 }
 
 .res {
@@ -633,6 +647,14 @@ table a:hover {
     overflow: auto;
 }
 
+.res_list .no-results {
+    padding-top: 10px;
+}
+
+.res_list .no-results span {
+    font-style: italic;
+}
+
 .res a:link {
     color: #000;
     background-color: transparent;

+ 4 - 4
js/search.js

@@ -279,7 +279,7 @@ $(document).ready(function () {
 		$('#n_mmo').append(i);
 
 		if (i==0) {
-			var message = '<p>Nessun Oggetto Fisico trovato</p>';
+			var message = '<p class="no-results">Nessun <span>Oggetto Fisico</span> trovato</p>';
 			$('#Man-Made_Object').append(message);
 		}
 
@@ -405,7 +405,7 @@ $(document).ready(function () {
 		$('#n_io').append(i);
 
 		if (i==0) {
-			var message = '<p>Nessun Oggetto Informativo trovato</p>';
+			var message = '<p class="no-results">Nessun <span>Oggetto Informativo</span> trovato</p>';
 			$('#Information_Object').append(message);
 		}
 
@@ -446,7 +446,7 @@ $(document).ready(function () {
 		$('#n_ps').append(i);
 
 		if (i==0) {
-			var message = '<p>Nessuna Persona trovata</p>';
+			var message = '<p class="no-results">Nessuna <span>Persona</span> trovata</p>';
 			$('#Person').append(message);
 		}
 
@@ -487,7 +487,7 @@ $(document).ready(function () {
 		$('#n_pl').append(i);
 
 		if (i==0) {
-			var message = '<p>Nessun Luogo trovato</p>';
+			var message = '<p class="no-results">Nessun <span>Luogo</span> trovato</p>';
 			$('#Place').append(message);
 		}
 

+ 15 - 10
ricerca.html

@@ -135,24 +135,25 @@
 				<div class="table results container-fluid">
 					<div class="row section_title">
 						<div class="col">
-							Oggetti <br /> Cerca in nomi delle risorse e loro identificatori
+							<span class="section_type">Oggetti</span><br />
+							<span class="section_desc">Cerca in nomi delle risorse e loro identificatori</span>
 						</div>
 						<div class="col num_res">
 							<p><span id="n_mmo"></span> Risultati</p>
 						</div>
 					</div>
 					<div class="row res_list">
-						<div class="container-fluid" id="Man-Made_Object">
-
-						</div>
+						<div class="container-fluid" id="Man-Made_Object"></div>
 					</div>
 				</div>
 
 				<!-- Oggetti informativi -->
 				<div class="table results container-fluid">
 					<div class="row section_title">
-						<div class="col">Contenuti <br />
-							Cerca all'interno dei testi collegati alle risorse</div>
+						<div class="col">
+							<span class="section_type">Contenuti</span><br />
+							<span class="section_desc">Cerca all'interno dei testi collegati alle risorse</span>
+						</div>
 						<div class="col num_res">
 							<p><span id="n_io"></span> Risultati</p>
 						</div>
@@ -166,8 +167,10 @@
 				<!-- Persone -->
 				<div class="table results container-fluid">
 					<div class="row section_title">
-						<div class="col">Protagonisti <br />
-							Cerca in nomi delle persone</div>
+						<div class="col">
+							<span class="section_type">Protagonisti</span><br />
+							<span class="section_desc">Cerca in nomi delle persone</span>
+						</div>
 						<div class="col num_res">
 							<p><span id="n_ps"></span> Risultati</p>
 						</div>
@@ -181,8 +184,10 @@
 				<!-- Luoghi -->
 				<div class="table results container-fluid">
 					<div class="row section_title">
-						<div class="col">Luoghi <br />
-							Cerca tra i nomi associati ai luoghi (Toponimi)</div>
+						<div class="col">
+							<span class="section_type">Luoghi</span><br />
+							<span class="section_desc">Cerca tra i nomi associati ai luoghi (Toponimi)</span>
+						</div>
 						<div class="col num_res">
 							<p><span id="n_pl"></span> Risultati</p>
 						</div>