From c6b9b80e1887c4cb24cb8d36f153ed0572b1064e Mon Sep 17 00:00:00 2001 From: abe33 Date: Wed, 16 Oct 2013 00:25:03 +0200 Subject: [PATCH] Fix style issue on user-image on Firefox and Opera 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. --- core/client/assets/sass/layouts/users.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/core/client/assets/sass/layouts/users.scss b/core/client/assets/sass/layouts/users.scss index 97f94b5b0d9d..ea9120548284 100644 --- a/core/client/assets/sass/layouts/users.scss +++ b/core/client/assets/sass/layouts/users.scss @@ -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 {