Changeset 11266

Timestamp:

12/02/2016 11:08:20 AM (8 years ago)

Author:

hnla

Message:

Improve avatar uploader button click area for MS Edge Browsers (Branch 2.7)

In ME Edge the Moxie shim click event is out of alignment with the visual button element causing it to appear that one can't click to open file browser.

Commit adjusts the styles to provide a moxie-shim set of rulesets in avatar.css to force the position to better overlap the button element.

This is a temp/perm fix backported to 2.7 until such time as the uploader group of elements can be re-factored to allow greater positioning control.

Fixes #7360 ( Branch 2.7 )

Location:

branches/2.7/src/bp-core/css

Files:

• avatar-rtl.css (modified) (2 diffs)
• avatar.css (modified) (2 diffs)

branches/2.7/src/bp-core/css/avatar-rtl.css

@@ -146 +146 @@
 }
 
+.moxie-shim.moxie-shim-html5 {
+    top: 108px !important;
+    right: 40.1% !important;
+    width: 12em;
+}
+
+.moxie-shim.moxie-shim-html5 input {
+    cursor: pointer;
+}
+
 .drag-drop #drag-drop-area {
     box-sizing: border-box;
@@ -163 +173 @@
 .drag-drop-inside p.drag-drop-buttons {
     display: block;
+}
+
+p.drag-drop-buttons input#bp-browse-button {
+    width: 12em;
 }
 

branches/2.7/src/bp-core/css/avatar.css

@@ -146 +146 @@
 }
 
+.moxie-shim.moxie-shim-html5 {
+    top: 108px !important;
+    left: 40.1% !important;
+    width: 12em;
+}
+
+.moxie-shim.moxie-shim-html5 input {
+    cursor: pointer;
+}
+
 .drag-drop #drag-drop-area {
     box-sizing: border-box;
@@ -163 +173 @@
 .drag-drop-inside p.drag-drop-buttons {
     display: block;
+}
+
+p.drag-drop-buttons input#bp-browse-button {
+    width: 12em;
 }