[#23819] - [4.0] [Mobile] Non CE tabs not responsive on mid size screens
- Fixed in Code Base
- 10 Dec 2019
- Medium
- Build: master
- # 23819
Steps to reproduce the issue
Non CE tab navigation is only partially responsive. On mid screen sizes items get compressed and push outside of their wrapper.
Possibly need a min-width and allowed to wrap on smaller screens.
Expected result
Actual result
System information (as much as possible)
Additional comments
| Labels |
Added:
?
|
||
| Title |
|
||||||
I was able to fix the min-width issue but I'm not able to wrap it, what should I do
This stops the tabs from wrapping... https://github.com/joomla/joomla-cms/blob/4.0-dev/administrator/templates/atum/scss/vendor/bootstrap/_nav.scss#L4
Set flex-wrap: wrap; on screens you wish the tabs to wrap.
I already had tried setting flex-wrap: wrap; but on doing that the screen looks like this
Expected as the flex items are set to width:100% .. https://github.com/joomla/joomla-cms/blob/4.0-dev/administrator/templates/atum/scss/vendor/bootstrap/_nav.scss#L17
Remove/override the 100% width. Probably need to also unset the justify-content property of the flex container.
franz-wohlkoenig
- | Status | New | ⇒ | Discussion |
| Status | Discussion | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2019-03-28 07:40:57 |
| Closed_By | ⇒ | franz-wohlkoenig |
Set to "closed" on behalf of @franz-wohlkoenig by The JTracker Application at issues.joomla.org/joomla-cms/23819
| Status | Closed | ⇒ | Pending |
| Closed_Date | 2019-03-28 07:40:57 | ⇒ | |
| Closed_By | franz-wohlkoenig | ⇒ |
| Status | Pending | ⇒ | Fixed in Code Base |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2019-12-10 04:53:50 |
| Closed_By | ⇒ | Quy |
Fixed #26890
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/23819.
@ciar4n in which component should I fix this for testing purposes??