Skip to content

Commit

Permalink
make bootstrap like google maps a bit more
Browse files Browse the repository at this point in the history
  • Loading branch information
@mdo
mdo committed May 25, 2012
1 parent 76ee212 commit fe30bd6
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 0 deletions.
4 changes: 4 additions & 0 deletions docs/assets/css/bootstrap.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,10 @@ img {
-ms-interpolation-mode: bicubic;
}

#map_canvas img {
max-width: none;
}

button,
input,
select,
Expand Down
5 changes: 5 additions & 0 deletions less/reset.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -81,6 +81,11 @@ img {
-ms-interpolation-mode: bicubic;
}

// Prevent max-width from affecting Google Maps
#map_canvas img {
max-width: none;
}

// Forms
// -------------------------

Expand Down

2 comments on commit fe30bd6

@gurgeous
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think a new fix is required since #map_canvas is just a convention in the Google Maps samples, and many (most?) apps name their div something else. Mine are called .map, for example.

@zepplock
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This fix only fixes one (most commonly used id). I suggest either introducing a new class "map" and changing css to:

.map img {
  max-width: none;
}

or making sure all maps are within a tag <map>

map img {
  max-width: none;
}

Please sign in to comment.