Uploaded image for project: 'phpBB'
  1. phpBB
  2. PHPBB-16979

RTL Mode - Broken Search Results Layout And Quote Button Not Positioned Correctly In Topic Review

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Duplicate
    • Icon: Minor Minor
    • None
    • 3.3.8
    • Styles
    • None

      When viewing search results using an RTL language, the layout becomes broken when the screen width is made smaller, also the quote button is not positioned correctly in the topic review, these are linked and can be sorted by making a couple of adjustments and adding a couple of rules to the bidi.css.

       

      bidi.css stylesheet.

       

      Find:

      /* Post body styles
      ----------------------------------------*/

       

      Add Below:

      .rtl .search .postbody {
          width: 68%;
      }

       

       

      Find:

      .rtl .topicreview {
          padding-right: 0;
          padding-left: 5px;
      }

       

      Add below:

      .rtl .topicreview .postbody {
          float: none;
          width: auto;
      }

       

       

      Find:

          .rtl .postbody {
              margin-right: 0;
              margin-left: 16px;
          }

       

      Change to:

          .rtl .postbody {
              width: calc(100% - 16px - 1px - 200px);
          }

       

       

      Find:

          .rtl .postprofile, .rtl .postbody, .rtl .search .postbody {
              float: none;
          }

       

      Change to:

          .rtl .postprofile, .rtl .postbody, .rtl .search .postbody {
              float: none;
              width: auto;
          }

       

            Unassigned Unassigned
            ForumFlair ForumFlair [X] (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: