Skip to content

Commit

Permalink
Fix style issue on user-image on Firefox and Opera
Browse files Browse the repository at this point in the history
On both Firefox and Opera (OSX) the user image badge in
the settings page wasn't displayed.
Also, on firefox the badge overlay didn't have the proper size.

I don't know if there's a specific use case requiring a `display:
table` instead of a plain `display: block` but that was failing on
Firefox and Opera.

Using a block instead seems works perfectly (at least on Opera, Chrome,
Safari, Safari Mobile IOS7 and Firefox) regarding the badge size issue.

On Opera, though, the border radius wasn't applied properly to the
image. Adding a `border-radius: 100%;`fix that.
  • Loading branch information
abe33 committed Oct 15, 2013
1 parent 3534779 commit c6b9b80
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion core/client/assets/sass/layouts/users.scss
Expand Up @@ -190,7 +190,7 @@

.user-image {
@include box-sizing(border-box);
display: table;
display: block;
position: relative;
width: 120px;
height: 120px;
Expand All @@ -211,6 +211,7 @@
background-image: url(/shared/img/user-image.png);
background-size: cover;
background-position: center center;
border-radius: 100%;
}

&:hover {
Expand Down

0 comments on commit c6b9b80

Please sign in to comment.