Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
Code Issues Activity

Fix style issue on user-image on Firefox and Opera

Browse source 
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.
This commit is contained in:
abe33 2013-10-16 00:25:03 +02:00
parent 35347795a8
commit c6b9b80e18
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
core/client/assets/sass/layouts/users.scss
View file

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