[Rt-commit] rt branch, 5.0/IE11-fixes, updated. rt-5.0.0alpha1-207-gee9512b094

Blaine Motsinger blaine at bestpractical.com
Tue May 5 20:04:14 EDT 2020


The branch, 5.0/IE11-fixes has been updated
       via  ee9512b094ff1cc4bb1da0c63994b8f914107e25 (commit)
      from  233f43039cae0001ca7377e396b20e2155dbd788 (commit)

Summary of changes:
 share/static/css/elevator-light/nav.css |  13 +++++++++++++
 share/static/images/chevron-down.png    | Bin 0 -> 1985 bytes
 share/static/images/chevron-right.png   | Bin 0 -> 1848 bytes
 3 files changed, 13 insertions(+)
 create mode 100644 share/static/images/chevron-down.png
 create mode 100644 share/static/images/chevron-right.png

- Log -----------------------------------------------------------------
commit ee9512b094ff1cc4bb1da0c63994b8f914107e25
Author: Blaine Motsinger <blaine at bestpractical.com>
Date:   Tue May 5 19:00:42 2020 -0500

    Fix missing chevrons in menus for IE11
    
    IE11 is a lot more specific about what it allows for svg url
    background definitions. Rather than change the svg we know works
    for every other browser, load the chevron pngs for IE11 only.

diff --git a/share/static/css/elevator-light/nav.css b/share/static/css/elevator-light/nav.css
index 8c5315abff..f54719b1f2 100644
--- a/share/static/css/elevator-light/nav.css
+++ b/share/static/css/elevator-light/nav.css
@@ -371,6 +371,19 @@ ul.toplevel.sf-menu > li > ul > li a.sf-with-ul:after {
     right: 5px;
 }
 
+/* IE11 only, top and child nav down and right arrows.
+   IE11 is a lot more specific about what it allows for svg url background definitions.
+   We know png works for IE11, so rather than change what works for every other browser, just use png where it's needed.
+   Both the pngs and specific definitions for the chevrons can be removed once IE11 is EOL.
+*/
+body.IE11 ul.toplevel.sf-menu > li > a.sf-with-ul:after {
+    background: url("../../../static/images/chevron-down.png") no-repeat center center;
+}
+
+body.IE11 ul.toplevel.sf-menu > li > ul > li a.sf-with-ul:after {
+    background: url("../../../static/images/chevron-right.png") no-repeat center center;
+}
+
 @media (max-width: 900px) {
     #topactions .create-wide   { display: none; }
     #topactions .create-medium { display: block; }
diff --git a/share/static/images/chevron-down.png b/share/static/images/chevron-down.png
new file mode 100644
index 0000000000..801d2bcf03
Binary files /dev/null and b/share/static/images/chevron-down.png differ
diff --git a/share/static/images/chevron-right.png b/share/static/images/chevron-right.png
new file mode 100644
index 0000000000..8b827f5406
Binary files /dev/null and b/share/static/images/chevron-right.png differ

-----------------------------------------------------------------------


More information about the rt-commit mailing list