~jstys-z/helioviewer.org/client5

Viewing all changes in revision 7.

  • Committer: Keith Hughitt
  • Date: 2008-03-18 21:49:48 UTC
  • Revision ID: keith.hughitt@gmail.com-20080318214948-qcvsy1m5ln70sz8p
        1. Restructured HelioViewer CSS Design. Formerly, the many of the UI components, as well
           as the viewport were placed using absolute positioning, and were tied together. This
           resulted in a very rigid system whereby modifying seemingly unrelated components could
           have a large affect on other parts of the system.
           
           To eliminate this problem and simplify the overall architecture, I restructured
           the CSS design, breaking it down into Four main components: a Header, Viewport, UI,
           and a Footer. All of these items reside in a larger outter container called "outsideBox."
           The general structure is:
           
           outsideBox
            |
            |----> header
            |
            |----> viewport
            |           |
            |           |------> ui
            |
            |----> footer
            
                Items that are to appear above the viewport go in head, and items below the viewport in footer.
                The "ui" layer contains all of the user interface (UI) components that reside in the viewport,
                and acts as a layer that floats directly above the actual viewport. Changes to contents of
                either have no affect on one another, and thus can be manipulated independently.
                
        2. Implemented a new "look-and-feel" for HelioViewer. In order to give HelioViewer a more clean
           and polished look, custom buttons and images were designed using GIMP. The viewport was centered
           on the screen, and a border the same style as the buttons was placed surrounding the viewport.
           A chrome background-tile (http://gnome-look.org/content/show.php/Mithril?content=64288) was 
           also incorporated.
           
        3. The buttons for navigating foward and back in time were removed from the SelectByDateMenu
           and placed instead below the viewport. Two new custom events (timeNext and timePrevious)
           are used to communicate between the UI and functionality.
        
        4. Added a favicon (shows up next the URL and bookmarks in many web-browsers).

expand all expand all

Show diffs side-by-side

added added

removed removed

Lines of Context: