# Feature OP-9816 - Updated placement and design of the create button in the sidebar

Project: OpenProject
Status: closed
URL: https://community.openproject.org/work_packages/OP-9816

## Planning

| Attribute | Value |
| --- | --- |
| Date | 2021-11-01 – 2022-02-27 |
| Priority | Medium |
| Target versions | 12.1.0 |
| Sprint | 12.1.0 |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module |  |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

**As** a project team leader or a member responsible for planning  
**I want** the "Create new" function/button to be in the same place in different modules (boards, team planner, calendar)  
**so that** I don't have to spend time looking for it

### Note

This work package is related to to [<mention class="mention" data-id="41138" data-type="work_package" data-text="#41138">#41138</mention>](https://community.openproject.org/work_packages/41138) (index page for the Team planner) and <mention class="mention" data-id="41278" data-type="work_package" data-text="#41278">\#41278</mention> (index page for the Calendar module).

It also relates to discussion on <mention class="mention" data-id="40540" data-type="work_package" data-text="#40540">\#40540</mention>, although that work package can be ignored since all necessary information is in this work package.

### **Acceptance criteria**

  - When a team planner is loaded,
      - There is a "+ New team planner" button that is stickied on the bottom edge of the sidebar.
          - This button corresponds to the "Outline" variant with the "Light" style, with the add icon.
      - Since the button is sticky and anchored to the bottom of the bar, there needs to be a 16px padding above the button when the list of team planners is particularly long and has to overflow *behind* the button.
      - There is a 1rem left and right margin around the button. 
  - A similar button is in the boards module too, when a board is loaded, with the label "+ New board".
  - ~~This button is not present in the index pages; only when one is~~ *~~within~~* ~~a board or a team planner.~~
  - Remove the current "Create new planner" menu item from the sidebar
  - Since the calendar module also will have an index page, this button needs to also be added to the side for each individual calendar.
      - It should read "+ New calendar".

### Visuals

The "New team planner" button in the sidebar when a team planner is loaded:

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27656/content"></div></figure>

The corresponding button on a board:

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27657/content"></div></figure>
