sfcgeorge/minimaliffic

Minimal theme for Bungloo Tent client.

Minimaliffic theme for Bungloo

About

• Tent is a protocol that allows services including micro-posts like Twitter. It is different, however, in that it is distributed - no single company controlls everyone's data. You can run your own Tent server, or use a hosted service.
• Bungloo is a native Tent client app that runs on Mac, Linux, and possibly Windows soon.
• This is a CSS skin for Bungloo that is minimal and responsive.

Installation

OS X

Copy the Plugin.css file to ~/Library/Application Support/Bungloo/Plugin.css.
Copy the Plugin.js file to ~/Library/Application Support/Bungloo/Plugin.js.

Since OS X 10.7 Lion, the ~/Library/ folder is hidden by default. If you want to save your own CSS file, open the Finder and choose Go → Go to folder… and enter ~/Library/Application Support/, there you can create the Folder Bungloo, if it doesn't exist and copy the plugin file there. You can also open the Library folder by choosing the Library menu item that appear in the Go menu while pressing the Option ⌥ key.

Linux

The paths for the plugins on Linux are more confortable:

Copy the Plugin.css file to ~/.bungloo/Plugin.css.
Copy the Plugin.js file to ~/.bungloo/Plugin.js.

minimaliffic's Issues

Color variant for "selected" posts

Bungloo has a plugin that adds the selected class to the li tag of a post when you double click on it.
It would be cool to have a color scheme for that case.

Convert Minimaliffic in RequireJS module

If Minimaliffic were a module, I would be able to check if it is used in my plugin and fix something if needed.

Take a look at my plugins. In particular the marked-posts plugin is a minimal module that uses jQuery and automatically imports the needed CSS file.

Scrolling behaviour is not consistent with native apps (on OS X)

Option A:

Description:

The whole document expands to fit the content and scrolls like a normal web page, and the sidebar has position: fixed;.

Pros:

• Bounce scrolling on OS X
• $(document).scrollTop() works

Cons:

• On Retina screens, the sidebar jitters up and down 1px while scrolling. This is a webkit bug, but unavoidable and annoying. It is distracting and looks broken.
• The whole document bounces at the top and bottom, even the sidebar. This is not what you expect from a native app - only the content should bound, the sidebar (a part of the UI) should stay fixed.

Option B

Description:

The html, body have position: relative; height: 100%; overflow: hidden; and the #content has height: 100%; overflow: auto;.

Pros:

• Only the content triggers scrolling, trying to scroll over the sidebar does nothing
• The sidebar doesn't bounce at the top or bottom
• The sidebar doesn't jitter on Retina screens

Cons:

• While the sidebar doesn't bounce, neither does the content
• Plugin JavaScript has to change to $('#content').scrollTop()

Text of search field should be black

And maybe have the lens icon inside

Color of posts in mention view

In mention view posts could retain their default colors since no visual enhancement is needed.

app name visible in conversation view

In conversation view the app name and the little tab "from Bungloo on Linux" are still visible.

I must admit that I would like to be able to see from which application people were sending their posts because it is the most convenient way to find new applications.

Repost on mentioned post

When you scroll posts with keyboard, the height of the top bar isn't considered

URL are not highlighted

I'd like to be able to easily distinguish links from plain text.