na2neko/Workplace-Readable

Chrome extension to make Workplace a bit easier to read

Workplace Readable

English | 日本語

Chrome extension to make Workplace a bit easier to read. It provides about 10 features for now.

Install

• Chrome Web Store

Features

1. Hide "Pagelet Sidebar" at the right end of the page
2. Hide "Right Column" next to the content area
3. Make posts easier to read by expanding the content width
4. Move "Trending Posts" from "Right Column" to the content area
5. Place "Expand All" in each user content
6. Place "Scroll to Top" button at the bottom right of the page
7. Highlight mentions to me a little
8. Highlight "Recent Activity" and "Older" headings a little
9. Highlight subheadings a little in "Left Column"

1. Hide "Pagelet Sidebar" at the right end of the page

Before

After

Hide fixed "Pagelet Sidebar" at the right end of the page. Recommended for those who do not need the following features in the sidebar.

• YOUR TOP GROUPS
• CONTACTS
• MORE COWORKERS
• Search

If you are using "YOUR TOP GROUPS", you can use "FAVORITES" instead in the left sidebar.

2. Hide "Right Column" next to the content area

Before

After

Hide "Right Column" next to the content area. Recommended for those who do not need the following features in the sidebar.

• Home
  • TRENDING POSTS
  • SUGGESTED GROUPS
  • Give Feedback
  • Select Your Language
• Group
  • ADD MEMBERS
    • MEMBERS
    • DESCRIPTION
    • GROUP TYPE
  • INVITE A MAILING LIST
  • GROUP CHATS
  • CREATE NEW GROUPS
  • RECENT GROUP PHOTOS
  • SUGGESTED GROUPS
  • Select Your Language

3. Make posts easier to read by expanding the content width

Before

After

Make posts easier to read by expanding the width of content area. You can focus on post contents which is the main contents of Workplace.

Also, by applying liquid design, the width of the content area will be resized according to the window width.

4. Move "Trending Posts" from "Right Column" to the content area

Before

After

Since "Right Column" will be hidden, move "Trending Posts" from "Right Column" to the content area. As a secondary effect, since "Trending Posts" area expands, post contents will not be ommitted.

5. Place "Expand All" in each user content

For each post, place a "Expand All" button to expand the collapsed post.

In Workplace, contents with long sentences and more than a certain number of comments are appropriately omitted. In order to display omitted content, you need to click on the following link one by one. It's too much hassle.

• See More
• View previous comments
• View x more comments
• x Replies

Clicking on "Expand All" button, the collapsed post expands automatically and you can check all the omitted contents.

6. Place "Scroll to Top" button at the bottom right of the page

Place "Scroll to Top" button at the bottom right of the page (the content area in a strict sense).

7. Highlight mentions to me a little

Highlight mentions to me a little. It becomes easy to notice a bit for mentions to me that tends to overlook.

8. Highlight "Recent Activity" and "Older" headings a little

Before

After

With highlighting "RECENT ACTIVITY / OLDER (POST) / PINNED POST" headings a little, you can avoid the situation that "I intended to browse only the latest posts, but I was reading past ones without even noticing".

9. Highlight subheadings a little in "Left Column"

Before

After

Highlight subheadings a little in "Left Column" by putting a separator line. That's all.

Feedback

• Issues
• Pull Requests

Copyright & License

Copyright © 2017 Josuke Iwata (@rockwillj)
Copyright © 2016 Atsushi Kambara (@atsukanrock, in Expand All feature)

This software is released under the MIT License, see LICENSE.