<div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr">Il giorno dom 17 feb 2019 alle ore 12:23 <a href="mailto:andreas.xavier@yahoo.com">andreas.xavier@yahoo.com</a> &lt;<a href="mailto:andreas.xavier@yahoo.com">andreas.xavier@yahoo.com</a>&gt; ha scritto:<br></div><div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
  
    
  
  <div bgcolor="#FFFFFF">segnalo anche altre due cose che si verificano visitando il sito
      da dispositivo mobile:
    <ul>
      <li>Non viene più mostrato l&#39;indice con i paragrafi, sopra le
        diciture «<i>Verificata con Ubuntu XX.YY</i>» e il link al forum<br></li></ul></div></blockquote><div>È voluto, intanto per ripulire in generale l&#39;interfaccia nella parte alta della pagina dove sono sparite molte componenti. (Ogni oggetto aggiunto vuol dire combattere per riuscire a incastonarlo e basta pochissimo per sfasare il layout).<br></div><div><br></div><div>Più in generale nelle interfacce da smartphone si va per l&#39;essenziale, posso comunque provare a fare delle prove per reintegrarlo e vedere come va.<br></div><div><br></div><div><br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div bgcolor="#FFFFFF"><br><ul>
      <li>Le immagini all&#39;interno delle tabelle vengono mostrate di
        dimensioni troppo ridotte (quindi anche le icone  di
        note/avvisi/suggerimenti che non seguono il nuovissimo
        standard).<br></li></ul></div></blockquote><div>È normale, le tabelle tendono a essere ingestibili. Se mischiate con le immagini poi... è il patatrac :)</div><div><br></div><div>Anche se mi ha sorpreso in positivo, la nostra piattaforma non nasce proprio per il responsive design. E, a rincarare la dose, l&#39;impostazione che fu data nel lontano 2011 e che abbiamo portato avanti, è sempre andata in direzione opposta con l&#39;uso prevalente delle larghezze fisse.</div><div>Da diversi anni invece si fa in modo che se si restringe la finestra del browser, tutto quanto si riadatta.<br></div><div><br></div><div>Ho lavorato un po&#39; sulle tabelle nella sezione dei notebook <a href="https://wiki.ubuntu-it.org/Hardware/Notebook">https://wiki.ubuntu-it.org/Hardware/Notebook</a><br></div><div>In realtà, dato che si tratta di una pagina particolare, ho introdotto una classe ad hoc nel css per fare in modo che sul desktop le tabelle abbiano una larghezza ben precisa e su smartphone invece si adattino.</div><div><br></div><div>Per il portale è stata una modifica veloce, purtroppo però ogni pagina è un mondo a se e non si può creare una classe ad hoc per ogni singola tabella. Quindi bisogna abituarci, a scapito dell&#39;estetica, a lasciare le tabelle libere di muoversi.</div><div>Esempio:</div><div>1- Tabella fissa bella su desktop, inguardabile su smartphone: <a href="https://wiki.ubuntu-it.org/Hardware/Notebook/AcerAspireES1-524">https://wiki.ubuntu-it.org/Hardware/Notebook/AcerAspireES1-524</a><br></div><div>2- Tabella &quot;fluida&quot; così e così sul desktop ma con buona resa su mobile <a href="https://wiki.ubuntu-it.org/Hardware/Notebook/AcerAspire5552">https://wiki.ubuntu-it.org/Hardware/Notebook/AcerAspire5552</a></div><div><br></div><div>Per fare questo ho incominciato a sostituire gli header delle tabelle di ogni pagina dei portatili:</div><div>da così:</div><div>||&lt;-2 tablestyle=&quot;width:40%;&quot; #cccccc:10%&gt; {*} &#39;&#39;&#39;Scheda tecnica&#39;&#39;&#39;||<br></div><div> a così:</div><div>||&lt;-2 #cccccc:&gt; {*} &#39;&#39;&#39;Scheda tecnica&#39;&#39;&#39;||</div><div><br></div><div>Il dramma è che saranno un centinaio di pagine :(....<br></div><div><br></div><div><br></div><div>Ciao!<br></div><div>Jeremie<br></div></div></div></div></div></div></div></div>