Project

General

Profile

Segnalazione #82

Sidebar e navigazione tra i plugin

Added by Mark Caglienzi almost 8 years ago. Updated almost 8 years ago.

Status:
Chiuso
Priority:
Normale
Start date:
11/23/2016
Due date:
% Done:

0%

Estimated time:

Description

Aggiungere una sidebar per la navigazione tra i plugin.

Alcuni esempi da cui trarre spunto:

Associated revisions

Revision 13768c99 (diff)
Added by Mark Caglienzi almost 8 years ago

Regroup apps. refs: #82

Revision 81314672 (diff)
Added by Mark Caglienzi almost 8 years ago

Use standard arrow also for font-awesome icons. refs: #82

Revision 84dea7ff (diff)
Added by Mark Caglienzi almost 8 years ago

Make a sidebar instead of a navbar. Code taken here http://bootsnipp.com/snippets/featured/side-menu-on-hover. refs: #82

Revision d81b267c (diff)
Added by Mark Caglienzi almost 8 years ago

Remove the user glyphicon. refs: #82

Revision 44456272 (diff)
Added by Mark Caglienzi almost 8 years ago

Remove from home.html the informations that are in the sidebar. refs: #82

Revision 8750aefe
Added by Mark Caglienzi almost 8 years ago

Merge branch 'master' into t82. refs: #82

Revision 7eac6c1f
Added by Mark Caglienzi almost 8 years ago

Merge branch 'master' into t82. refs: #82

Revision 1b75a6a2 (diff)
Added by Mark Caglienzi almost 8 years ago

This seems to fix the sidebar. refs: #82

Revision d8eb06db (diff)
Added by Mark Caglienzi almost 8 years ago

Add logout link. refs: #82

Revision 2afc316a (diff)
Added by Mark Caglienzi almost 8 years ago

Hide navbar (so sidebar) if the user is not authenticated. refs: #82

Revision 7deec5e3 (diff)
Added by Mark Caglienzi almost 8 years ago

Override to flatly value to avoid unneeded horizontal scrollbar. refs: #82

Revision 84924ea6 (diff)
Added by Mark Caglienzi almost 8 years ago

Now the template seems to be fixed. Also for mobile. refs: #82

Revision d0c43725 (diff)
Added by Mark Caglienzi almost 8 years ago

Maybe 100px was too much, creating a vertical scrollbar when it's really unneeded. refs: #82

Revision 6913af00
Added by Mark Caglienzi almost 8 years ago

Merge branch 'master' into t82. refs: #82

Revision cd0f06ed (diff)
Added by Mark Caglienzi almost 8 years ago

Use app.verbose_name which is translated. refs: #82

Revision 2fbf38cc (diff)
Added by Mark Caglienzi almost 8 years ago

s/200/220/g to make the sidebar slightly larger, to better accomodate app.verbose_name strings. refs: #82

Revision c7596c16 (diff)
Added by Mark Caglienzi almost 8 years ago

Cleanup. refs: #82

Revision 8001a2b8 (diff)
Added by Mark Caglienzi almost 8 years ago

Add support (via js because there's a click needed) to hghlight the active app in the sidebar. refs: #82

History

#1

Updated by Mark Caglienzi almost 8 years ago

  • Status changed from In elaborazione to Commenti
  • Assignee changed from Mark Caglienzi to Christopher R. Gabriel
2afc316a:
  • Alla fine ho usato questo il cui codice sembra più breve, pulito, ed è taggato per bootstrap 3.3 anziché 3.2
  • Ho avuto parecchi problemi a far andare il content nella parte destra della pagina, ma sembra essere ok

Pushato nel branch senza merge per ora.

#2

Updated by Mark Caglienzi almost 8 years ago

  • Status changed from Commenti to In elaborazione
  • Assignee changed from Christopher R. Gabriel to Mark Caglienzi
#3

Updated by Mark Caglienzi almost 8 years ago

  • Status changed from In elaborazione to Commenti
  • Assignee changed from Mark Caglienzi to Christopher R. Gabriel
b1d06a8d:
  • Template finalmente che pare fixato (anche su mobile)
  • Rimossa la barra di scorrimento orizzontale
  • Uso di {{app.verbose_name}} nella sidebar, che è una stringa traducibile
  • Allargata (da 200 a 220 pixel) la sidebar per fare un po' più di spazio ai nomi delle app
  • App attuale evidenziata (via javascript, perché serve anche un click sul gruppo dell'app) con l'uso di {{request.current_app}}

Mergiato in master e pushato.

Rimane solo un particolare che è un po' "così così" e che è noto (ma che non so come risolvere attualmente):
  • L'app evidenziata su dispositivo mobile funziona "circa", nel senso che bisogna aprire il menu facendo touch sull'icona in alto a destra, e il menu si carica con i sottomenu chiusi (in questo momento parlo del sottomenu "Network"). Però poi aprendo il sottomenu, l'app è correttamente evidenziata. Praticamente manca il click triggerato via javascript su desktop, che su mobile non va perché in quel momento la sidebar è nascosta.
#4

Updated by Christopher R. Gabriel almost 8 years ago

  • Status changed from Commenti to Chiuso

Chiudo, abbiamo riapprocciato la cosa con la navbar orizzontale.

Also available in: Atom PDF