OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<div class="main-menu">
  <!-- Meant to be rendered inside the left-handed sidebar and is currently depending on that -->
  <!-- Please note, that due to that not all styles are correctly applied in the lookbook -->
  <div class="op-submenu" data-controller="filter--filter-list" data-application-target="dynamic" data-test-selector="op-submenu">
    <div class="op-submenu--body" data-test-selector="op-submenu--body">
      <div data-controller="menus--submenu"
           data-application-target="dynamic">
        <button class="op-submenu--title"
                type="button"
                data-action="click->menus--submenu#toggleContainer">
          Private
          <span class="icon-small icon-arrow-up1"
                aria-hidden="true"
                data-menus--submenu-target="indicator">
          </span>
        </button>
        <ul class="op-submenu--items"
            data-menus--submenu-target="container">
          <li class="op-submenu--item" data-filter--filter-list-target="searchItem">
            <a class="op-submenu--item-action " href="" data-test-selector="op-submenu--item-action">
              <span class="op-submenu--item-title">
                My query
              </span>
            </a>
          </li>
          <li class="op-submenu--item" data-filter--filter-list-target="searchItem">
            <a class="op-submenu--item-action " href="" data-test-selector="op-submenu--item-action">
              <span class="op-submenu--item-title">
                An awesome query
              </span>
            </a>
          </li>
          <li class="op-submenu--item" data-filter--filter-list-target="searchItem">
            <a class="op-submenu--item-action " href="" data-test-selector="op-submenu--item-action">
              <span class="op-submenu--item-title">
                A third query
              </span>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

No notes provided.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<% sidebar_menu_items =
     [
       OpenProject::Menu::MenuGroup.new(
         header: "Private",
         children: [
           OpenProject::Menu::MenuItem.new(title: "My query", href: "", selected: false, favored: favored),
           OpenProject::Menu::MenuItem.new(title: "An awesome query", href: "", selected: false, count: count, icon: icon),
           OpenProject::Menu::MenuItem.new(title: "A third query", href: "", selected: false, show_enterprise_icon: show_enterprise_icon)
         ]
       )
     ] %>
<div class="main-menu">
  <!-- Meant to be rendered inside the left-handed sidebar and is currently depending on that -->
  <!-- Please note, that due to that not all styles are correctly applied in the lookbook -->
  <%= render OpenProject::Common::SubmenuComponent.new(
        sidebar_menu_items: sidebar_menu_items,
        searchable: searchable,
        create_btn_options: create_btn_options
      ) %>
</div>
Param Description Input

—

—

—

—

—

—