activeadmin utility_navigation下拉列表

Question

使用ActiveAdmin 1.0.0.pre2和Rails 4.2.1

我希望将utility_navigation区域(导航栏右侧)中的默认项替换为下拉菜单。这样，我就可以继续向这个菜单添加与当前登录相关的操作，而无需占用nav中的额外空间。酒吧。

我尝试了列出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

仅仅加上“特洛伊”的风格对我来说是不够的：

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

​

​