Uploaded image for project: 'BookBrainz'
  1. BookBrainz
  2. BB-714

Search results page broken on Safari

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • None
    • None
    • None

      On Webkit-based browsers, the table of search results (and perhaps other tables on BookBrainz?) looks a bit broken (see screenshot):

      The width of the columns is defined using Bootstrap CSS classes, which does not seem to be working on Webkit.
      Setting the column sizes using the width attribute in percentages solves the issue:

      To resolve this ticket, you will modify the SearchResults component (https://github.com/metabrainz/bookbrainz-site/blob/db31f89887f9512eaf22cd707c426528434afdc8/src/client/components/pages/parts/search-results.js#L235-L237), and then check other parts of the website where tables are used to ensure we don't have this problem anywhere else.

        1. image-2023-02-28-17-06-51-394.png
          96 kB
          Monkey
        2. image-2023-02-28-17-08-13-761.png
          20 kB
          Monkey
        3. image-2023-05-05-17-22-45-879.png
          39 kB
          Monkey
        4. screenshot-1.png
          109 kB
          Monkey
        5. screenshot-2.png
          259 kB
          Monkey
        6. Screenshot 2023-03-05 at 12.55.41 AM.png
          479 kB
          Sulochan Khadka
        7. screenshot-3.png
          286 kB
          Monkey

            faraz16iqbal faraz16iqbal
            mr_monkey Monkey
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:

                Version Package