Bootstrap 3 styling issues/regressions

[simong]

The following are a set of either styling issues and/or regressions:

• [x] The left hand navigation on search pages seems to have decreased in width which is causing some line-wrapping. (Example: vs

[mrvisser]

• List view box widths can shrink unevenly (see right alignment in screenshot)
• The List / Box view toggle disappears at small enough size, I'm assuming this might be intentional but maybe there's enough room for it right-aligned with the menu button

[bertpareyn]

Not necessary to add 'Drop files to upload' when opening the upload widget on a mobile device.

[simong]

Documents their activity images seem to have a background-position: center. If you have a small document, you'll only see a white rectangle

versus

[simong]

You also get this rather funny movement of the activity image if you're resizing your browser window. It might be better if the background is anchored at the top left as people usually resize from right-to-left? (Seems rather minor)

[bertpareyn]

On mobile the notifications icon jumps to the next line when the number of notifications reaches two digits.

[mrvisser]

• In profile page left-menu, it looks like the item border can be overlapped by another item's background (See the blu border around Upload), I think it only happens after you have moused-over the item below it then moused-out
• Also, the twiggle icon pointing to the left on the right side of "Create" confused me at first, I find those more common to the left side of the text rather than the right, but that's just my opinion :)

[rtegan]

Word Documents and PDFs are not fully displaying when opening them on a mobile device. It works the same on Android and iOS.

This image is when a document is opened:

This next image is when you click the Full screen icon:

In both cases the user will need to scroll through the text to read and it is not shown wholly in either case.

[bertpareyn]

Either in upload or changepic when I hit browse and choose to take a new picture safari crashes. Need to investigate if this is an iOS bug or something on our side.

[rtegan]

Unable to pinch and zoom on either Android or iOS

[mrvisser]

This is not a regression but I didn't notice this before we had smaller view ports: The X full screen button looks out of place with the gab between it and the zoom buttons:

[sathomas]

"Start Discussion" button overflow is hidden when text is too long. (Screen shot below is French)

[mrvisser]

When opening up the menu and selecting something from your profile (e.g., "My Library"), consider auto-closing the menu again. Currently on Chrome it stays open.

[bertpareyn]

in changepicture 'Drag a photo here' should be removed on mobile.

[mrvisser]

Clip gradient and hover-over seems a little awkward when switching between horizontal and vertical. The hover-over darkness seems to disappear into the darkness of the bottom-gradient:

I'm not sure there is a good way to work through this given the fact that the skins are all custom, but I think in general a horizontal-to-vertical switch in the clips is just not meshing well with having a vertical gradient.

[rtegan]

Media files for .mov .mp4 .avi and .flv are not loading from mediacore for Android 4.2.2. There is just a blank screen.

They are working correctly for iOS7

[mrvisser]

Videos are weirdly tall in a skinnier viewport:

[simong]

In small viewport mode the hamburger icon appears for content pages, event though there is no content in the left hand nav (when anonymous)

[mrvisser]

The wrapping of autosuggest names can't seem to get below the ghost item in chrome:

[bertpareyn]

Youtube videos appear very high on a mobile content profile. The max-height should be limited in that case.

[bertpareyn]

Top and bottom margins on the error pages seem to be too high.

[mrvisser]

three-dotting the activity text by 1 line might be too restrictive for a smaller viewport, maybe we can consider wrapping instead?

[Tony-Lopez]

There seems to be a bit of a timelag when resizing the window and the words actually wrapping when it comes to making a document.

[bertpareyn]

I incorporated the issues to fix into the bootstrap 3 PR.

[bertpareyn]

https://github.com/oaeproject/3akai-ux/pull/3178

[nicolaasmatthijs]

Tracking this in #3178