Comment mettre la barre latérale / les filtres en haut de la liste d'index d'ActiveAdmin ?

Question

Dans Active Admin, la barre latérale prend trop d'espace, ce qui interfère avec les tableaux à forte 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 le css suivant :

#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-en :

Answer 2

Entrez la description de l'image ici

active_admin.js.coffee

$(document).ready ->
  $("#new_q ").appendTo '.table_tools'
  $('#new_q > div').each ->
    $('#new_q > div').replaceWith ->
      '<span>' + @innerHTML + '</span>'
     $(".sidebar").hide()
     $("#main_content").css("margin-right": "10px")
    return

  return