Content
View differences
Updated by Parimal Satyal over 1 year ago
### Steps to reproduce
1. Use OpenProject on an Ubuntu with a Chromium based browser
2. go to the notification center
3. Click on any notification to open split screen
4. hover the tab header
### What is the buggy behavior?
* A scrollbar hides the "active tab" bottom border
* A scrollbar is always shown
### What is the expected behavior?
* Show left/right arrow to the left and right of the UnderlineNav that allows users to scroll horizontally
* Show only when the total width of all items is larger than the available width of the split screen
* 1. The UnderlineNav area can still be scrolled horizontally with a trackpad or using Shift + scroll wheel on the mouse underline border should bevisible
### Screenshots and other files
**Current behaviour:**
<img class="image_resized op-uc-image op-uc-image_inline" style="width:309px;" src="/api/v3/attachments/174311/content">
**This This also happens on the** [**primer the [primer playground for underline nav**](https://primer-lookbook.github.com/view-components/lookbook/inspect/primer/alpha/underline_nav/playground)**:** nav](https://primer-lookbook.github.com/view-components/lookbook/inspect/primer/alpha/underline_nav/playground).
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/174304/content">
**Expected behaviour 1: Pre-horizontal-scroll**
**<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/190236/content">**
**Expected behaviour 2: On horizontal scroll**
**<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/190237/content">**
### Environment information
_Ubuntu_
**Browser**
* [x] Chrome
* [ ] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
1. Use OpenProject on an Ubuntu with a Chromium based browser
2. go to the notification center
3. Click on any notification to open split screen
4. hover the tab header
### What is the buggy behavior?
* A scrollbar hides the "active tab" bottom border
* A scrollbar is always shown
### What is the expected behavior?
* Show left/right arrow to the left and right of the UnderlineNav that allows users to scroll horizontally
* Show only when the total width of all items is larger than the available width of the split screen
*
### Screenshots and other files
**Current behaviour:**
<img class="image_resized op-uc-image op-uc-image_inline" style="width:309px;" src="/api/v3/attachments/174311/content">
**This
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/174304/content">
**Expected behaviour 1: Pre-horizontal-scroll**
**<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/190236/content">**
**Expected behaviour 2: On horizontal scroll**
**<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/190237/content">**
### Environment information
_Ubuntu_
**Browser**
* [x] Chrome
* [ ] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)