Uploaded image for project: 'ReactOS Online Service'
  1. ReactOS Online Service
  2. ONLINE-245

Website window resizing problems & suggestions

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Major
    • None
    • Typo3WebsiteRevamp
    • None
    • Operating System: ReactOS
      Platform: x86 Hardware

    Description

      Some display problems appear when you resize the window of the web-browser
      where you are viewing the new website :

      • When the window is too narrow, the right column overlaps the central and the
        left columns (see screenshots 4-1, 4-2, 4-3 and 4-4).
      • When the window is narrow in such a way that you must scroll horizontally the
        window's content, the upper links bar is shown "cutted-off" (see picture 3-1)
        and, when you hover above where a link must be displayed, the orange selection
        rectangle appears with the text, but without the blue background (picture 3-2).

      Some suggestions :

      • I suggest setting a minimal width for the central column in such a way that,
        when you reduce the width of the browser's window too much, the left and
        central columns are still readable, but the user will have to scroll
        horizontally to see the right column (as the old ReactOS website does) (see
        picture 4-5).
      • Furthermore, I think that having the expandable central column is great, but
        it should always expand, having ONLY a minimal width threshold but NOT a
        maximal width threshold, as it seems to have currently (see pictures 1-1 and
        1-2 when I unzoom the webpage). The new webpage should behave as the webpage of
        our current old website (picture 2-2). To sum up, the new website's page should
        behave like in picture 2-1.

      Attachments

        1. pict_4_5.png
          pict_4_5.png
          198 kB
        2. pict_4_4.png
          pict_4_4.png
          188 kB
        3. pict_4_3.png
          pict_4_3.png
          244 kB
        4. pict_4_2.png
          pict_4_2.png
          157 kB
        5. pict_4_1.png
          pict_4_1.png
          218 kB
        6. pict_3_2.png
          pict_3_2.png
          242 kB
        7. pict_3_1.png
          pict_3_1.png
          246 kB
        8. pict_2_2.png
          pict_2_2.png
          318 kB
        9. pict_2_1.png
          pict_2_1.png
          282 kB
        10. pict_1_2.png
          pict_1_2.png
          186 kB
        11. pict_1_1.png
          pict_1_1.png
          295 kB

        Activity

          People

            dangerground dangerground
            hbelusca hbelusca
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: