Changeset 11265

Timestamp:

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

Author:

hnla

Message:

Improve avatar uploader button click area for MS Edge Browsers

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 until such time as the uploader group of elements can be re-factored to allow greater positioning control.

See #7360
Props angeljs, mercime, hnla, DJPaul, slaFFik

Location:

trunk/src/bp-core/css

Files:

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

trunk/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;
 }
 

trunk/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;
 }