如何将侧边栏/过滤器放在ActiveAdmin索引列表的顶部

Question

在Active Admin中，侧边栏占用的空间太大，干扰了数据密集的表。

有没有一种简单的方法可以将它移到桌面上？

Answer 1

我是这样做的，只需添加以下css：

#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; }

享受：

Answer 2

enter image description here

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