Uploaded image for project: 'Qt Project Website'
  1. Qt Project Website
  2. QTWEBSITE-1013

Documentation pages are slightly scrollable horizontally

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Resolution: Fixed
    • Component/s: doc.qt.io
    • Labels:
      None
    • Platform/s:
      All

      Description

      Website content is slightly wider than the brower's viewport when in narrow mode, i.e. less than 980px wide. It turns on horizontal scroll for a few pixels, which is a frustrating user experience.

      In the dev tools I found the following media queries:

      @media (max-width: 980px)
      @media (max-width: 1120px)
      

      It looks like the search bar is the one to blame, as hiding with with display: none fixes the page width. Specifically, this element:

      #main_title_bar > .search_bar > #___gcse_0 > .gsc-control-searchbox-only .gsc-control-searchbox-only-en > form.gsc-search-box.gsc-search-box-tools
      

      For some reason this CSS rule is applied to it:

      online.css:1374
      form.gsc-search-box {
          width: 102.5% !important;
      }
      

        Attachments

        No reviews matched the request. Check your Options in the drop-down menu of this sections header.

          Activity

            People

            Assignee:
            docinfrastructure Documentation Infrastructure Team
            Reporter:
            ratijas ivan tkachenko
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:

                Time Tracking

                Estimated:
                Original Estimate - 3 hours
                3h
                Remaining:
                Remaining Estimate - 3 hours
                3h
                Logged:
                Time Spent - Not Specified
                Not Specified

                  Gerrit Reviews

                  There are no open Gerrit changes