Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Channel sidebar tabs/content #198

Merged
merged 7 commits into from
Jan 28, 2020
Merged

Conversation

raucao
Copy link
Member

@raucao raucao commented Jan 27, 2020

Makes channel sidebar content routable via channel subroutes, and adds header styles and dummy content. Also introduces wide sidebars for tabs with more content.

The sidebars work slightly different on desktop and mobile, as they're optimized for the available screen real estate.

Desktop

hyperchannel-channel-sidebar-desktop

Mobile

hyperchannel-channel-sidebar-mobile

The userlist doesn't need as much space as e.g. shared items or
settings. This adds logic and styles for one wider size, and makes
switching between the two widths work on both desktop and mobile.
@raucao raucao changed the title WIP: Channel sidebar tabs WIP: Channel sidebar tabs/content Jan 27, 2020
@raucao raucao changed the title WIP: Channel sidebar tabs/content Channel sidebar tabs/content Jan 27, 2020
@raucao
Copy link
Member Author

raucao commented Jan 27, 2020

Update: you can check this out in production right now: https://hyperchannel.kosmos.org

But please be aware of #197 on small screens.

@raucao raucao added the feature label Jan 27, 2020
@gregkare
Copy link
Contributor

I checked it on my phone and my laptop. LGTM!

@gregkare gregkare merged commit d8fed83 into master Jan 28, 2020
@gregkare gregkare deleted the feature/channel_sidebar_routes branch January 28, 2020 16:36
@raucao
Copy link
Member Author

raucao commented Jan 28, 2020

group-five

<button type="button"
{{action "menu" "channel" "toggle"}}
class={{if this.headerNavButtonUsersActive "active"}}>
<LinkTo @route="space.channel.index" @models={{array space channel}} {{action "menu" "channel" "show"}}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't this rather be [...] {{array this.space this.channel}} [...]?

Copy link
Member Author

@raucao raucao Jan 30, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, there are hundreds of Octane warnings still. Everyone is invited to help with the upgrade: #184

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants