Restyling grafica pagina persona

Persona.html

@@ -259,9 +259,9 @@
 									</div>
 								</div>
 
-								<div class="col-3">
+								<!-- <div class="col-3">
 									<span class="label-ref">Riferimenti</span>
-								</div>
+								</div> -->
 							</div>
 
 							<hr />
@@ -322,50 +322,68 @@
 													<span><span id="l_send"></span> risultati</span>
 												</div>
 											</div>
-											<div class="row results_rows">
+											<div class="row res_list">
 												<div class="container-fluid" id="letters_send"></div>
 											</div>
 										</div>
 									</div>
 
 									<div class="box_results col-12" id="receive">
-										<div class="inner_results">
-											<div class="def_res">
-												<p><b>Lettere ricevute da <span id="nome_ap"></span> (<span id="l_receive"></span> risultati)</b></p>
+										<div class="inner_results container-fluid">
+											<div class="row def_res">
+												<div class="col">
+													<b>Lettere ricevute da <span id="nome_ap"></span></b>
+												</div>
+												<div class="col num_res">
+													<span><span id="l_receive"></span> risultati</span>
+												</div>
 											</div>
-											<div class="results_rows" id="letters_receive">
+											<div class="row res_list">
+												<div class="container-fluid" id="letters_receive"></div>
 											</div>
 										</div>
 									</div>
 
 									<div class="box_results col-12" id="citations">
-										<div class="inner_results">
-											<div class="def_res">
-												<p><b>Documenti redatti da <span id="nome_al"></span> (<span id="n_cit"></span> risultati)</b></p>
+										<div class="inner_results container-fluid">
+											<div class="row def_res">
+												<div class="col">
+													<b>Documenti redatti da <span id="nome_al"></span></b>
+												</div>
+												<div class="col num_res">
+													<span><span id="n_cit"></span> risultati</span>
+												</div>
 											</div>
-											<div class="results_rows" id="object_cit">
+											<div class="row res_list">
+												<div class="container-fluid" id="object_cit"></div>
 											</div>
 										</div>
 									</div>
 								</div>
 
 								<div class="row" id="statistiche">
-									<div class="box_results" id="stat1">
-										<div class="inner_results left">
-											<div class="def_res">
-												<p>Luoghi di partenza degli oggetti in arrivo a <span id="nome_st1"></span> con numero di documenti</p>
+									<div class="box_results col-12" id="stat1">
+										<div class="inner_results container-fluid">
+											<div class="row def_res">
+												<div class="col">
+													<b>Luoghi di partenza degli oggetti in arrivo a <span id="nome_st1"></span> con numero di documenti</b>
+												</div>
 											</div>
-											<div id="my_dataviz">
+											<div class="row res_list">
+												<div class="container-fluid" id="my_dataviz"></div>
 											</div>
 										</div>
 									</div>
 
-									<div class="box_results" id="stat2">
-										<div class="inner_results right">
-											<div class="def_res">
-												<p>Luoghi di arrivo degli oggetti in partenza da <span id="nome_st2"></span> con numero di documenti</p>
+									<div class="box_results col-12" id="stat2">
+										<div class="inner_results container-fluid">
+											<div class="row def_res">
+												<div class="col">
+													<p>Luoghi di arrivo degli oggetti in partenza da <span id="nome_st2"></span> con numero di documenti</p>
+												</div>
 											</div>
-											<div id="my_dataviz2">
+											<div class="row res_list">
+												<div class="container-fluid" id="my_dataviz2"></div>
 											</div>
 										</div>
 									</div>

css/place_people.css

@@ -322,22 +322,17 @@ a {
     font-weight: bold;
 }
 
-.inner_results a:visited {
-  color: #000;
-  background-color: transparent;
-  text-decoration: none;
-  font-weight: bold;
+.res_list {
+  max-height: 400px;
+  overflow: auto;
 }
 
-.inner_results a:hover {
-  color: #007bff;
-  background-color: transparent;
-  text-decoration: underline;
+.res_list .no-results {
+  padding-top: 10px;
 }
 
-.results_rows {
-  height: 300px;
-  overflow: auto;
+.res_list .btn-icon {
+  font-size: 16px;
 }
 
 .def_res {
@@ -517,6 +512,10 @@ text.source {
   margin-bottom: 30px;
 }
 
+.placeholder_container:last-child {
+  margin-bottom: 0;
+}
+
 .placeholder_info {
   font-size: 15px;
 }

js/OA.js

@@ -245,7 +245,7 @@ function handle_Production(json) {
                 $("#AUT").css("display", "flex");
                 artist_name += slice[1];
                 artist += "<div class='d-flex'><div class='mr-3'>" +
-                          slice[1] + "</div><div class='d-flex ml-auto'><div class='mr-3'><a target='_blank' href='" +
+                          slice[1] + "</div><div class='d-flex ml-auto'><div class='mr-3'><a class='btn-icon' target='_blank' href='" +
                           slice[0] + "'><i class='fas fa-external-link-alt' aria-hidden='true'></i></a></div><div class='persona' id='" +
                           slice[0] + "'><i class='fa fa-user' style='cursor:pointer'></i></div></div></div></div>";
               }

js/people.js

@@ -332,11 +332,11 @@ function handle_Letters(json) {
   var Receive_Letters = "";
 
   for (var key in send) {
-    Send_Letters += "<div class='row res'><div class='col-10'>" + send[key] + "</div><div class='col d-flex align-items-start justify-content-end'><a href='" + key + "'><i class='fas fa-external-link-alt' aria-hidden='true'></i></a></div></div>";
+    Send_Letters += "<div class='row res'><div class='col-10'>" + send[key] + "</div><div class='col d-flex align-items-start justify-content-end'><a class='btn-icon' target='_blank' href='" + key + "'><i class='fas fa-external-link-alt' aria-hidden='true'></i></a></div></div>";
   }
 
   for (var key in receive) {
-    Receive_Letters += "<div class='row'><div class='col-10'>" + receive[key] + "</div><div class='col'><a href='" + key + "'><i class='fas fa-external-link-alt' aria-hidden='true'></i></a></div></div>";
+    Receive_Letters += "<div class='row res'><div class='col-10'>" + receive[key] + "</div><div class='col d-flex align-items-start justify-content-end'><a class='btn-icon' target='_blank' href='" + key + "'><i class='fas fa-external-link-alt' aria-hidden='true'></i></a></div></div>";
   }
 
   document.getElementById("l_send").innerHTML = i;
@@ -345,12 +345,12 @@ function handle_Letters(json) {
   document.getElementById("letters_receive").innerHTML = Receive_Letters;
 
   if (i==0) {
-    var messaggio = "<p>Nessun risultato trovato</p>";
+    var messaggio = "<p class='no-results'>Nessun risultato trovato</p>";
     document.getElementById("letters_send").innerHTML = messaggio;
   }
 
   if (j==0) {
-    var messaggio = "<p>Nessun risultato trovato</p>";
+    var messaggio = "<p class='no-results'>Nessun risultato trovato</p>";
     document.getElementById("letters_receive").innerHTML = messaggio;
   }
 

scss/_buttons.scss

@@ -14,4 +14,8 @@
         background-color: #69161d;
         border-color: #69161d;
     }
+}
+
+a.btn-icon {
+    color: #000;
 }