Content
View differences
Updated by Parimal Satyal 5 days ago
**Context**
The Primer-default position for banners is top-center. This assures instant visibility at the cost of blocking content. Inline banners are not the solution; they push content and make the page 'jump' and need to be individually positioned, making them error-prone.
This feature proposes moving the banners to the bottom right corner. It still blocks content but is more out of the way, whilst still remaining prominent.
**Acceptance criteria**
* Move all banners to the bottom-right corner (Angular and rails) that usually lay on top of the content
* They need to be anchored to the bottom right corner such that they expand upwards.
* \[open\] Move the actions (primary and secondary) to a new line.
* The banner should remain in that position and not scroll with the rest of the page
**Visual example**
<img class="op-uc-image class="image_resized op-uc-image op-uc-image_inline" src="/api/v3/attachments/919330/content"> style="width:764px;" src="/api/v3/attachments/919329/content">
**Technical notes**
* <br>
**Permissions and visibility considerations**
* _No change_
**Translation considerations**
* _No change_
**Out of scope**
* _None_
The Primer-default position for banners is top-center. This assures instant visibility at the cost of blocking content. Inline banners are not the solution; they push content and make the page 'jump' and need to be individually positioned, making them error-prone.
This feature proposes moving the banners to the bottom right corner. It still blocks content but is more out of the way, whilst still remaining prominent.
**Acceptance criteria**
* Move all banners to the bottom-right corner (Angular and rails) that usually lay on top of the content
* \[open\] Move the actions (primary and secondary) to a new line.
* The banner should remain in that position and not scroll with the rest of the page
**Visual example**
<img class="op-uc-image
**Technical notes**
* <br>
**Permissions and visibility considerations**
* _No change_
**Translation considerations**
* _No change_
**Out of scope**
* _None_