%board-sidebar{ "inline-template" => true,
  ":current-user" => "#{current_user ? current_user.to_json(only: [:username, :id, :name], methods: [:avatar_url]) : {}}" }
  %transition{ name: "boards-sidebar-slide" }
    %aside.right-sidebar.right-sidebar-expanded.issue-boards-sidebar{ "v-show" => "showSidebar" }
      .issuable-sidebar
        .block.issuable-sidebar-header
          %span.issuable-header-text.hide-collapsed.pull-left
            %strong
              {{ issue.title }}
            %br/
            %span
              = precede "#" do
                {{ issue.id }}
          %a.gutter-toggle.pull-right{ role: "button",
            href: "#",
            "@click.prevent" => "closeSidebar",
            "aria-label" => "Toggle sidebar" }
            = custom_icon("icon_close", size: 15)
        .js-issuable-update
          = render "projects/boards/components/sidebar/assignee"
          = render "projects/boards/components/sidebar/milestone"
          = render "projects/boards/components/sidebar/due_date"
          = render "projects/boards/components/sidebar/labels"
          = render "projects/boards/components/sidebar/notifications"
          %remove-btn{ ":issue" => "issue",
            ":list" => "list",
            "v-if" => "canRemove" }