Content
View differences
Updated by Behrokh Satarnejad about 1 year ago
### Steps to reproduce
* Look at the Enterprise Banner for Nextcloud SSO at a screen width of ~1400px or a bit less
* Change the sidebar menu width
### What is the buggy behavior?
The background image scales down in height, because the banner component tries to accomodate the fully transparent pixels on the left-hand side of the background image, which it does by scaling down the image. This leads to white "borders" above and below the background image.
### What is the expected behavior?
The background image should always fill the entire height of the banner component.
###
###
### Screenshots and other files
<img class="op-uc-image op-uc-image_inline" src="https://saas-openproject-aws-de-community-20241119075553009700000002.s3.eu-central-1.amazonaws.com/community/attachment/file/508664/image.png?response-content-disposition=inline&X-Amz-Expires=21590&X-Amz-Date=20250430T125141Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAUF2KCI5YFBI7C3EF%2F20250430%2Feu-central-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=9278a7ff072882ee6685cf2d8e158dcb2f0bb0e222ded70b7664eae054d34b63" alt="https://saas-openproject-aws-de-community-20241119075553009700000002.s3.eu-central-1.amazonaws.com/community/attachment/file/508664/image.png?response-content-disposition=inline&X-Amz-Expires=21590&X-Amz-Date=20250430T125141Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAUF2KCI5YFBI7C3EF%2F20250430%2Feu-central-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=9278a7ff072882ee6685cf2d8e158dcb2f0bb0e222ded70b7664eae054d34b63">
**OpenProject installation type**
* Docker-compose installation
**OpenProject version**
dev ahead of 16.0
**Browser**
* [ ] Chrome
* [x] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Operating System**
* [ ] Windows
* [ ] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [x] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)
* Look at the Enterprise Banner for Nextcloud SSO at a screen width of ~1400px or a bit less
* Change the sidebar menu width
### What is the buggy behavior?
The background image scales down in height, because the banner component tries to accomodate the fully transparent pixels on the left-hand side of the background image, which it does by scaling down the image. This leads to white "borders" above and below the background image.
### What is the expected behavior?
The background image should always fill the entire height of the banner component.
###
<img class="op-uc-image op-uc-image_inline" src="https://saas-openproject-aws-de-community-20241119075553009700000002.s3.eu-central-1.amazonaws.com/community/attachment/file/508664/image.png?response-content-disposition=inline&X-Amz-Expires=21590&X-Amz-Date=20250430T125141Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAUF2KCI5YFBI7C3EF%2F20250430%2Feu-central-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=9278a7ff072882ee6685cf2d8e158dcb2f0bb0e222ded70b7664eae054d34b63" alt="https://saas-openproject-aws-de-community-20241119075553009700000002.s3.eu-central-1.amazonaws.com/community/attachment/file/508664/image.png?response-content-disposition=inline&X-Amz-Expires=21590&X-Amz-Date=20250430T125141Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAUF2KCI5YFBI7C3EF%2F20250430%2Feu-central-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=9278a7ff072882ee6685cf2d8e158dcb2f0bb0e222ded70b7664eae054d34b63">
**OpenProject installation type**
* Docker-compose installation
**OpenProject version**
dev ahead of 16.0
**Browser**
* [ ] Chrome
* [x] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Operating System**
* [ ] Windows
* [ ] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [x] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)