Content
View differences
Updated by Henriette Darge over 2 years ago
### Steps to reproduce
_Please write down the steps to reproduce. Try to write down all necessary preconditions (what permissions do you have, are other users involved?). Example:_
1. Login as a user with permissions to manage file storages, typically an admin user
2. Go to the file storages view and create a storage
3. Switch to mobile view
### What is the buggy behavior?
* The banner does not take up the full width
<figure class="image op-uc-figure" style="width:549px;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/82217/content"></div></figure>
### What is the expected behavior?
1. On mobile screens, the banner should occupy the full-width of container. [See Designs](https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/File-Storages-Integration?node-id=4974%3A117398&mode=dev)
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="https://private-user-images.githubusercontent.com/7457313/285391318-fd062643-d3d3-4ad5-ac57-ab6a419afd80.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDE0MjIzMDcsIm5iZiI6MTcwMTQyMjAwNywicGF0aCI6Ii83NDU3MzEzLzI4NTM5MTMxOC1mZDA2MjY0My1kM2QzLTRhZDUtYWM1Ny1hYjZhNDE5YWZkODAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQUlXTkpZQVg0Q1NWRUg1M0ElMkYyMDIzMTIwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyMzEyMDFUMDkxMzI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZThlMjk3ZWRlMWFlNWY1MTY3ZmM5MWNhNzFmMzY2ZGU4NWMzNzEyZDgwYTdkZmZkMjA5ZDI0MDdmM2FlZjczYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.kI_pRuBDG_sTvclA0pDfC3hNxJn2LmRZtxnDw4eSxEU" alt="https://private-user-images.githubusercontent.com/7457313/285391318-fd062643-d3d3-4ad5-ac57-ab6a419afd80.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDE0MjIzMDcsIm5iZiI6MTcwMTQyMjAwNywicGF0aCI6Ii83NDU3MzEzLzI4NTM5MTMxOC1mZDA2MjY0My1kM2QzLTRhZDUtYWM1Ny1hYjZhNDE5YWZkODAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQUlXTkpZQVg0Q1NWRUg1M0ElMkYyMDIzMTIwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyMzEyMDFUMDkxMzI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZThlMjk3ZWRlMWFlNWY1MTY3ZmM5MWNhNzFmMzY2ZGU4NWMzNzEyZDgwYTdkZmZkMjA5ZDI0MDdmM2FlZjczYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.kI_pRuBDG_sTvclA0pDfC3hNxJn2LmRZtxnDw4eSxEU"></div></figure>
_Please write down the steps to reproduce. Try to write down all necessary preconditions (what permissions do you have, are other users involved?). Example:_
1. Login as a user with permissions to manage file storages, typically an admin user
2. Go to the file storages view and create a storage
3. Switch to mobile view
### What is the buggy behavior?
* The banner does not take up the full width
<figure class="image op-uc-figure" style="width:549px;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/82217/content"></div></figure>
### What is the expected behavior?
1. On mobile screens, the banner should occupy the full-width of container. [See Designs](https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/File-Storages-Integration?node-id=4974%3A117398&mode=dev)
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="https://private-user-images.githubusercontent.com/7457313/285391318-fd062643-d3d3-4ad5-ac57-ab6a419afd80.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDE0MjIzMDcsIm5iZiI6MTcwMTQyMjAwNywicGF0aCI6Ii83NDU3MzEzLzI4NTM5MTMxOC1mZDA2MjY0My1kM2QzLTRhZDUtYWM1Ny1hYjZhNDE5YWZkODAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQUlXTkpZQVg0Q1NWRUg1M0ElMkYyMDIzMTIwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyMzEyMDFUMDkxMzI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZThlMjk3ZWRlMWFlNWY1MTY3ZmM5MWNhNzFmMzY2ZGU4NWMzNzEyZDgwYTdkZmZkMjA5ZDI0MDdmM2FlZjczYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.kI_pRuBDG_sTvclA0pDfC3hNxJn2LmRZtxnDw4eSxEU" alt="https://private-user-images.githubusercontent.com/7457313/285391318-fd062643-d3d3-4ad5-ac57-ab6a419afd80.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDE0MjIzMDcsIm5iZiI6MTcwMTQyMjAwNywicGF0aCI6Ii83NDU3MzEzLzI4NTM5MTMxOC1mZDA2MjY0My1kM2QzLTRhZDUtYWM1Ny1hYjZhNDE5YWZkODAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQUlXTkpZQVg0Q1NWRUg1M0ElMkYyMDIzMTIwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyMzEyMDFUMDkxMzI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZThlMjk3ZWRlMWFlNWY1MTY3ZmM5MWNhNzFmMzY2ZGU4NWMzNzEyZDgwYTdkZmZkMjA5ZDI0MDdmM2FlZjczYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.kI_pRuBDG_sTvclA0pDfC3hNxJn2LmRZtxnDw4eSxEU"></div></figure>