akveo / akveo/nebular

nb-tabset is not fully responsive

Đang mở
#2,994 0 bình luận 2 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
TypeScript
Star
8.1k
Fork
1.5k
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

### Issue type

**I'm submitting a ...** (check one with "x")

* [ ] bug report
* [x] feature request

### Issue description

The nb-tabset is not fully responsive. Even when setting the [responsive]="true" and assigning a tabIcon, the tabs are not resposive if the icons also overlap the screen. The best approach would be to have an `overflow: scroll` on the tabs. I have tried adding it, but then it scrolls my entire nb-tab and not only the tab headings.

**Current behavior:**
Tab headings are not responsive, if too many tab headings, they break the layout.

**Expected behavior:**
I would like the tab headings to be scrollable if they are too many.

**Steps to reproduce:**
Use a tabset with at least 5 icons and then view on mobile.

**Solution in the meantime**
For anyone else having this issue in the meantime, this is how I resolved it:

Override the style for the tabset like so:

```
ul.tabset {
overflow-x: auto !important;
overflow-y: hidden !important;
}
```

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.