1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-23 14:00:56 +01:00
phorge-phorge/webroot/rsrc/css
epriestley 081163ab6d Simplify side nav CSS and fix various glitches
Summary:
Fixes glitches in the side nav. Resolves T1828. Resolves T2156.

  - Elastic scrolling (T2156): in Safari on OSX, using a scroll touch on the trackpad to scroll up past the top of the document caused newer-style side menus to scroll down, leaving a visible whitespace bar.
  - Whitespace glitch: Particularly in Safari, scrolling down the document quickly from the top caused the top menu to scroll away before the side menu rose to meet it. Use a fixed background color bar that extends under the menu so this doesn't happen.
  - Use of "!important": use CSS better so we don't need to "!important" things.
  - Dark Console (T1828): Instead of hard-coding the top position, determine it dynamically by looking at where the content is. This also fixes the menu overlapping with the red "there are errors on this page" development bar.
  - General "fixed" glitchiness: don't use fixed-position for menu content other than flexible (draggable) menus.

Test Plan:
  - Viewed and scrolled menus in Paste. Opened and closed DarkConsole. Switched devices.
  - Viewed and scrolled flexible menus in Differential and Diffusion. Opened and closed DarkConsole. Switched devices.

Reviewers: vrana, chad, btrahan

Reviewed By: vrana

CC: aran

Maniphest Tasks: T1828, T2156

Differential Revision: https://secure.phabricator.com/D4185
2012-12-14 15:14:14 -08:00
..
aphront Simplify side nav CSS and fix various glitches 2012-12-14 15:14:14 -08:00
application differntial and diffusion design tweaks 2012-12-13 10:46:41 -08:00
core Lay in more styles from "diff_full_view.png" 2012-12-11 14:01:35 -08:00
layout Improve design of PhabricatorObjectListView 2012-12-13 10:59:29 -08:00
sprite-apps-large.css Use application icons for "Eye" menu and Crumbs 2012-12-07 13:37:28 -08:00
sprite-apps-xlarge.css Use application icons for "Eye" menu and Crumbs 2012-12-07 13:37:28 -08:00
sprite-apps.css Use application icons for "Eye" menu and Crumbs 2012-12-07 13:37:28 -08:00
sprite-gradient.css Use application icons for "Eye" menu and Crumbs 2012-12-07 13:37:28 -08:00
sprite-icon.css Make timeline view prettier 2012-12-11 13:59:35 -08:00
sprite-menu.css Clean up some more sprite stuff 2012-12-07 14:29:09 -08:00