Skip to content

Add forceSingleColumn prop to <UI />#10807

Merged
Gargron merged 5 commits intomasterfrom
fix-tabs-bar-css
May 22, 2019
Merged

Add forceSingleColumn prop to <UI />#10807
Gargron merged 5 commits intomasterfrom
fix-tabs-bar-css

Conversation

@Gargron
Copy link
Copy Markdown
Member

@Gargron Gargron commented May 22, 2019

  • Change logic of rendering <TabsBar /> based on layout type rather than window width
  • Add maximum centered width for the mobile layout
  • Add counter of unread notifications to <TabsBar />

Mobile layout when viewed on a larger screen:

grafik

Toggle for the layout:

grafik

@Gargron Gargron added the ui Front-end, design label May 22, 2019
@Gargron Gargron force-pushed the fix-tabs-bar-css branch from e47d522 to 51d6570 Compare May 22, 2019 17:58
@Gargron Gargron merged commit 9ddeb30 into master May 22, 2019
@Gargron Gargron deleted the fix-tabs-bar-css branch May 22, 2019 23:35
hiyuki2578 pushed a commit to ProjectMyosotis/mastodon that referenced this pull request Oct 2, 2019
* Move TabsBar rendering logic from CSS to the ColumnsArea component

* Add forceSingleColumn mode

* Add unread notifications counter to tabs bar

* Add toggle to control `forceSingleColumn`

* Increase paddings in mobile layout responsively at large sizes
hiyuki2578 pushed a commit to ProjectMyosotis/mastodon that referenced this pull request Oct 2, 2019
* Move TabsBar rendering logic from CSS to the ColumnsArea component

* Add forceSingleColumn mode

* Add unread notifications counter to tabs bar

* Add toggle to control `forceSingleColumn`

* Increase paddings in mobile layout responsively at large sizes
messenjahofchrist pushed a commit to Origin-Creative/mastodon that referenced this pull request Jul 30, 2021
* Move TabsBar rendering logic from CSS to the ColumnsArea component

* Add forceSingleColumn mode

* Add unread notifications counter to tabs bar

* Add toggle to control `forceSingleColumn`

* Increase paddings in mobile layout responsively at large sizes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ui Front-end, design

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants