Comment placer la barre latérale/les filtres au-dessus de la liste d'index ActiveAdmin

Question

Dans Active Admin, la barre latérale occupe trop d'espace, ce qui interfère avec les tables de densité de données.

Existe-t-il un moyen simple de le déplacer sur le dessus de la table?

Answer 1

Voici comment je l'ai fait, il suffit d'ajouter les éléments essentiels suivants:

#active_admin_content { display: flex; flex-direction: column } 
#active_admin_content #sidebar { order: -1; margin: 0 -.5rem; display: flex; width: auto; } 
#active_admin_content #sidebar > div { width: auto; margin: 0 .5rem; flex: 1 1 100%;} 
#active_admin_content #sidebar > div:first-child { flex: 0 0 auto } 
#active_admin_content #main_content_wrapper #main_content { margin: 0 } 
.table_tools { margin: 1rem 0; } 

Et profitez: