activeadmin utility_navigation下拉列表

Question

使用ActiveAdmin 1.0.0.pre2和Rails 4.2.1

我希望用一个下拉菜单替换utility_navigation区域（导航栏右侧）中的默认项目。这样我就可以继续向此菜单添加与当前登录相关的操作，而不占用导航中的额外空间。杆

我尝试了列出here的解决方案，如下所示：

配置/初始化/ active_admin.rb

  config.namespace :admin do |admin|
    admin.build_menu :utility_navigation do |menu|
      menu.add label: "Test" do |submenu|
        submenu.add label: "ActiveAdmin.info", url: "http://www.activeadmin.info", html_options: { target: :blank }
        admin.add_current_user_to_menu  submenu
        admin.add_logout_button_to_menu submenu
       end #submenu
    end
  end

它原则上有效，但菜单项在浏览器窗口外呈现，请参阅（截止菜单图像）：

任何人都可以提供一种简单的方式来设置菜单样式，以避免这种情况吗？这样做的一个简单方法是在下拉列表的右侧添加更多菜单项，但这会破坏在导航中节省空间的愿望。酒吧。

Answer 1

当前的1.1版本存在问题。使用CSS暂时修复它的简单方法，仅用于标题中的下拉列表。下面的代码将始终对齐下拉列表：

#titlebar_right {
  .dropdown_menu {
      position: relative;
  .dropdown_menu_list_wrapper {
      left: initial!important;
      top: 30px!important;
      right: 0px;
  }
  .dropdown_menu_nipple {
      left: inherit!important;
      right: 30px;
  }
 }
}

Answer 2

这仍然是 activeadmin 2.9.0 版本中的一个问题。这是为我解决的问题：

#header {
  #utility_nav {
    .menu_item.has_nested {
      .menu_item {
        text-align: left;
      }
    }
  }
}

Answer 3

仅仅将样式添加为@Troy 对我来说还不够：

#header {
  #utility_nav {
    .menu_item.has_nested {
      .menu {
        border-top-right-radius: 0;
        border-top-left-radius: 10px;
        width: unset;
        max-width: unset;
        right: 3px;
      }
      .menu_item {
        text-align: left;
      }
    }
  }
}