Begin of the insertionThis work package extends the description of individual cards that are displayed on the left-hand &quot;Add existing pane&quot; as described in <mention class="mention" data-id="40886" data-type="work_package" data-text="#40886">#40886</mention>.

**Normal state (reference)**

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

End of the insertion #### **Hover state**

On hover, there are two changes to a Begin of the insertioncard:End of the insertion Begin of the deletion card in the left-side pane in the team planner:End of the deletion

* Show the info icon on the top Begin of the insertionright cornerEnd of the insertion Begin of the deletion left (like in Boards).End of the deletion
* Begin of the insertionChangeEnd of the insertion Begin of the deletion the project name attribute will be dimmed to 20%End of the deletion opacity Begin of the insertionof &quot;project&quot; attribute if it extends intoEnd of the insertion Begin of the deletion (in order to makeEnd of the deletion the Begin of the insertionzone occupied by thisEnd of the insertion icon Begin of the deletion legible)End of the deletion

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/27126/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27001/content"></div></figure>End of the deletion

**Clicked (active) state**

When the user clicks on the &quot;info&quot; icon, the card goes to a Begin of the insertionclicked/activeEnd of the insertion Begin of the deletion clickedEnd of the deletion state:

* the background colour of the card becomes light blue
* the split screen is displayed for that work package

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/27127/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27003/content"></div></figure>End of the deletion

#### **Disabled state**

In certain cases, a card must be &quot;disabled&quot; in the left-hand pane. Begin of the insertionWeEnd of the insertion Begin of the deletion With @Henriette, weEnd of the deletion have identified a number of Begin of the insertioncasesEnd of the insertion Begin of the deletion cases,End of the deletion where the should should not be able to drag and drop a work package into the team planner. In each of these cases:

* the card is greyed-out at 60% opacity
* a Begin of the insertiongrey &quot;blocked&quot;End of the insertion Begin of the deletion grey&quot;warning&quot;End of the deletion icon is present on the top-right edge, above the opacity layer
* hovering on this Begin of the insertionicon willEnd of the insertion Begin of the deletion withEnd of the deletion display a tooltip explaining why the card is disabled Begin of the insertion
* All other interaction (dragging, changing status) is blocked, except hover.End of the insertion

<figure class="image Begin of the insertionop-uc-figure" style="width:50%;"><divEnd of the insertion Begin of the deletion op-uc-figure"><divEnd of the deletion class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/27128/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27008/content"></div></figure>End of the deletion

Begin of the insertion**TheEnd of the insertion Begin of the deletion Please not that the &quot;info&quot; icon described in theEnd of the deletion hover state Begin of the insertionofEnd of the insertion Begin of the deletion also applies to hover onEnd of the deletion a disabled Begin of the insertioncard** isEnd of the insertion Begin of the deletion card:End of the deletion the Begin of the insertionsame as a normal card, except:

* The infoEnd of the insertion Begin of the deletion greyEnd of the deletion icon Begin of the deletion on the rightEnd of the deletion is Begin of the insertiondisplayed left ofEnd of the insertion Begin of the deletion complemented byEnd of the deletion the Begin of the insertion&quot;blocked&quot; icon. ClickingEnd of the insertion Begin of the deletion blue iconEnd of the deletion on Begin of the insertionit will displayEnd of the insertion the Begin of the insertionsplit screen as it would for a &quot;normal&quot; card.End of the insertion Begin of the deletion left.End of the deletion

<figure class="image Begin of the insertionop-uc-figure" style="width:50%;"><divEnd of the insertion Begin of the deletion op-uc-figure"><divEnd of the deletion class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/27129/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27009/content"></div></figure>End of the deletion

Begin of the insertion<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27131/content"></div></figure>

End of the insertion The tooltip text depends on the reason for the block:

* **The user doesn&#39;t have the permission to change dates:**
* Tooltip text: &quot;_You do not have the necessary permissions to modify the Begin of the insertiondates._&quot;End of the insertion Begin of the deletion dates of this work package._&quot;End of the deletion
* **The user doesn&#39;t have the permission to change assignee**
* Tooltip text: &quot;_You do not have the necessary permissions to modify the Begin of the insertionassignee._&quot;End of the insertion Begin of the deletion assignee of this work package._&quot;End of the deletion
* **The user doesn&#39;t have the permissions (specific reason unknown)**
* Tooltip text: &quot;_You do not have the necessary permissions to modify Begin of the insertionthis._&quot;End of the insertion Begin of the deletion this work package._&quot;End of the deletion
* **The work package is manually scheduled**
* Tooltip text: &quot;_This Begin of the deletion work packageEnd of the deletion is manually scheduled and can’t be moved._&quot;

### Visuals

_**&quot;Disabled&quot; work packages that cannot be moved:**_

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/27132/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27004/content"></div></figure>End of the deletion

_**Tooltip on hover for &quot;disabled&quot; work packages that cannot be moved:**_

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/27133/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27005/content"></div></figure>End of the deletion

_**Hover state:**_

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/27134/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27007/content"></div></figure>End of the deletion

_**Clicked (active) state:**_

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/27135/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27006/content"></div></figure>End of the deletion

### Figma prototype:

Access the latest prototypes here: Begin of the insertionhttps://www.figma.com/file/409d6qR685SzZLXez4TPl7/Team-Planner?node-id=1466%3A54476End of the insertion Begin of the deletion [https://www.figma.com/file/409d6qR685SzZLXez4TPl7/?node-id=614%3A26487](https://www.figma.com/file/409d6qR685SzZLXez4TPl7/?node-id=614%3A26487)End of the deletion