Uploaded image for project: 'CiviCRM'
  1. CiviCRM
  2. CRM-9591

if base theme uses img max-width, google maps in civic become unusable

    Details

    • Type: Bug
    • Status: Done/Fixed
    • Priority: Trivial
    • Resolution: Fixed/Completed
    • Affects Version/s: 4.1.0
    • Fix Version/s: 4.1.0
    • Component/s: None
    • Labels:
      None

      Description

      It is becoming more and more common to define an img

      {max-width }

      css rule in Drupal/Wordpress themes to get responsive design (seemlessly transitioning from desktop -> tablet -> mobile). Which is all well and good until you try to use google map tiling, which makes use of images that overflow their divs for many of the controls.

      I suggest adding the following css line to civicrm:

      #Map img

      { max-width: none; }

      Which ensures max-width is reset for the image on the map section of civicrm.

        Attachments

          Activity

            People

            • Assignee:
              kurund Kurund Jalmi
              Reporter:
              sdague Sean Dague
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: