Fixes #3653 shrink wrapping .elgg-avatar so that hover menu arrow is constrained to the avatar image

4 files changed, 10 insertions, 0 deletions

diff --git a/views/default/css/admin.php b/views/default/css/admin.php
index e9e489fcb..c032ee3fc 100644
--- a/views/default/css/admin.php
+++ b/views/default/css/admin.php
@@ -1065,6 +1065,7 @@ a.elgg-widget-collapsed:before {
 *************************************** */
 .elgg-avatar {
 	position: relative;
+	display: inline-block;
 }
 .elgg-avatar > a > img {
 	display: block;
diff --git a/views/default/css/elements/icons.php b/views/default/css/elements/icons.php
index ee166b5be..f7c789e33 100644
--- a/views/default/css/elements/icons.php
+++ b/views/default/css/elements/icons.php
@@ -297,6 +297,7 @@
 *************************************** */
 .elgg-avatar {
 	position: relative;
+	display: inline-block;
 }
 .elgg-avatar > a > img {
 	display: block;
diff --git a/views/default/css/ie.php b/views/default/css/ie.php
index d20bb4d59..4bddd4d55 100644
--- a/views/default/css/ie.php
+++ b/views/default/css/ie.php
@@ -2,3 +2,7 @@
  * CSS for IE8 and above
  */
 
+/* ie8 does not like shrink wrapping this div with inline-block */
+.elgg-avatar {
+	display: block;
+}
diff --git a/views/default/css/ie7.php b/views/default/css/ie7.php
index 91d23823f..56047b954 100644
--- a/views/default/css/ie7.php
+++ b/views/default/css/ie7.php
@@ -47,3 +47,7 @@
 	width: 100px;
 	float: right;
 }
+
+.elgg-avatar {
+	display: inline;
+}
\ No newline at end of file