Merge pull request #10468 from snipe/fixes/10467_safari_font_awesome_content_code_headers

Fixed #10467 - Safari only font-awesome bug

public/mix-manifest.json

@@ -1,24 +1,24 @@
 {
-    "/js/build/app.js": "/js/build/app.js?id=68641e8f4ef6d6281606",
-    "/css/dist/skins/skin-blue.css": "/css/dist/skins/skin-blue.css?id=14be5984ab28a11fa68b",
-    "/css/build/overrides.css": "/css/build/overrides.css?id=0caf23a85afbfdc53944",
-    "/css/build/app.css": "/css/build/app.css?id=efdeaaf37e291f6b3d94",
-    "/css/build/AdminLTE.css": "/css/build/AdminLTE.css?id=40a6f3c46ef38d996f49",
-    "/css/dist/skins/skin-orange.css": "/css/dist/skins/skin-orange.css?id=a308be552f61a1d40ce7",
-    "/css/dist/skins/skin-orange-dark.css": "/css/dist/skins/skin-orange-dark.css?id=51d7b875b303b29a75d3",
-    "/css/dist/skins/skin-blue-dark.css": "/css/dist/skins/skin-blue-dark.css?id=812d85f104a993166b7d",
-    "/css/dist/skins/skin-yellow-dark.css": "/css/dist/skins/skin-yellow-dark.css?id=fd98a2d2e174e53422b3",
-    "/css/dist/skins/skin-yellow.css": "/css/dist/skins/skin-yellow.css?id=4f2677e0f20adc04be13",
-    "/css/dist/skins/skin-purple-dark.css": "/css/dist/skins/skin-purple-dark.css?id=b6902069e7e1ceb796cd",
-    "/css/dist/skins/skin-purple.css": "/css/dist/skins/skin-purple.css?id=f72eac5c5497696f570b",
-    "/css/dist/skins/skin-red-dark.css": "/css/dist/skins/skin-red-dark.css?id=cad4c163e8d04c0ba706",
-    "/css/dist/skins/skin-black-dark.css": "/css/dist/skins/skin-black-dark.css?id=fb67703f11067370b2f4",
-    "/css/dist/skins/skin-black.css": "/css/dist/skins/skin-black.css?id=663a263af5375be6f473",
-    "/css/dist/skins/skin-green-dark.css": "/css/dist/skins/skin-green-dark.css?id=7c836c72a73312ea4ab6",
-    "/css/dist/skins/skin-green.css": "/css/dist/skins/skin-green.css?id=49a2ce390c646190fcaa",
-    "/css/dist/skins/skin-contrast.css": "/css/dist/skins/skin-contrast.css?id=3654491c6565f7dc9bb4",
-    "/css/dist/skins/skin-red.css": "/css/dist/skins/skin-red.css?id=0e979fe934241fea9ba5",
-    "/css/dist/all.css": "/css/dist/all.css?id=1f1df06a4a06de8168c7",
+    "/js/build/app.js": "/js/build/app.js?id=c015308b9685c9375c71",
+    "/css/dist/skins/skin-blue.css": "/css/dist/skins/skin-blue.css?id=83e39e254b7f9035eddc",
+    "/css/build/overrides.css": "/css/build/overrides.css?id=4fc3a0e0a16964643e70",
+    "/css/build/app.css": "/css/build/app.css?id=a7cd7ad6e0e053ccf443",
+    "/css/build/AdminLTE.css": "/css/build/AdminLTE.css?id=65ca7a34198fa16ba846",
+    "/css/dist/skins/skin-orange.css": "/css/dist/skins/skin-orange.css?id=83271cb3576583918804",
+    "/css/dist/skins/skin-orange-dark.css": "/css/dist/skins/skin-orange-dark.css?id=d81888449b72ecd8dd24",
+    "/css/dist/skins/skin-blue-dark.css": "/css/dist/skins/skin-blue-dark.css?id=04b51f791329b22290c3",
+    "/css/dist/skins/skin-yellow-dark.css": "/css/dist/skins/skin-yellow-dark.css?id=8b631c0444622bf0bfd3",
+    "/css/dist/skins/skin-yellow.css": "/css/dist/skins/skin-yellow.css?id=a663ec2c7842a3507df9",
+    "/css/dist/skins/skin-purple-dark.css": "/css/dist/skins/skin-purple-dark.css?id=32c66312057953f69651",
+    "/css/dist/skins/skin-purple.css": "/css/dist/skins/skin-purple.css?id=0a901949068bc7ce7f80",
+    "/css/dist/skins/skin-red-dark.css": "/css/dist/skins/skin-red-dark.css?id=523144d33c7706098ed2",
+    "/css/dist/skins/skin-black-dark.css": "/css/dist/skins/skin-black-dark.css?id=fafb61603f6db2f250df",
+    "/css/dist/skins/skin-black.css": "/css/dist/skins/skin-black.css?id=ec96c42439cdeb022133",
+    "/css/dist/skins/skin-green-dark.css": "/css/dist/skins/skin-green-dark.css?id=6e35fb4cb2f1063b3047",
+    "/css/dist/skins/skin-green.css": "/css/dist/skins/skin-green.css?id=efda2335fa5243175850",
+    "/css/dist/skins/skin-contrast.css": "/css/dist/skins/skin-contrast.css?id=6a9d0ac448c28b88e5d6",
+    "/css/dist/skins/skin-red.css": "/css/dist/skins/skin-red.css?id=c24716a423d375902723",
+    "/css/dist/all.css": "/css/dist/all.css?id=2ee76a9bb4100b60febc",
     "/css/blue.png": "/css/blue.png?id=e83a6c29e04fe851f212",
     "/css/blue@2x.png": "/css/blue@2x.png?id=51135dd4d24f88f5de0b",
     "/css/dist/signature-pad.css": "/css/dist/signature-pad.css?id=6a89d3cd901305e66ced",
@@ -26,20 +26,20 @@
     "/css/dist/bootstrap-table.css": "/css/dist/bootstrap-table.css?id=810d7e520c3057ee500e",
     "/js/build/vendor.js": "/js/build/vendor.js?id=651427cc4b45d8e68d0c",
     "/js/dist/bootstrap-table.js": "/js/dist/bootstrap-table.js?id=7058545374c5c6a6a881",
-    "/js/dist/all.js": "/js/dist/all.js?id=0df34fb332c5259af405",
-    "/css/dist/skins/skin-green.min.css": "/css/dist/skins/skin-green.min.css?id=49a2ce390c646190fcaa",
-    "/css/dist/skins/skin-green-dark.min.css": "/css/dist/skins/skin-green-dark.min.css?id=7c836c72a73312ea4ab6",
-    "/css/dist/skins/skin-black.min.css": "/css/dist/skins/skin-black.min.css?id=663a263af5375be6f473",
-    "/css/dist/skins/skin-black-dark.min.css": "/css/dist/skins/skin-black-dark.min.css?id=fb67703f11067370b2f4",
-    "/css/dist/skins/skin-blue.min.css": "/css/dist/skins/skin-blue.min.css?id=14be5984ab28a11fa68b",
-    "/css/dist/skins/skin-blue-dark.min.css": "/css/dist/skins/skin-blue-dark.min.css?id=812d85f104a993166b7d",
-    "/css/dist/skins/skin-yellow.min.css": "/css/dist/skins/skin-yellow.min.css?id=4f2677e0f20adc04be13",
-    "/css/dist/skins/skin-yellow-dark.min.css": "/css/dist/skins/skin-yellow-dark.min.css?id=fd98a2d2e174e53422b3",
-    "/css/dist/skins/skin-red.min.css": "/css/dist/skins/skin-red.min.css?id=0e979fe934241fea9ba5",
-    "/css/dist/skins/skin-red-dark.min.css": "/css/dist/skins/skin-red-dark.min.css?id=cad4c163e8d04c0ba706",
-    "/css/dist/skins/skin-purple.min.css": "/css/dist/skins/skin-purple.min.css?id=f72eac5c5497696f570b",
-    "/css/dist/skins/skin-purple-dark.min.css": "/css/dist/skins/skin-purple-dark.min.css?id=b6902069e7e1ceb796cd",
-    "/css/dist/skins/skin-orange.min.css": "/css/dist/skins/skin-orange.min.css?id=a308be552f61a1d40ce7",
-    "/css/dist/skins/skin-orange-dark.min.css": "/css/dist/skins/skin-orange-dark.min.css?id=51d7b875b303b29a75d3",
-    "/css/dist/skins/skin-contrast.min.css": "/css/dist/skins/skin-contrast.min.css?id=3654491c6565f7dc9bb4"
+    "/js/dist/all.js": "/js/dist/all.js?id=b12eaebad0af2541f40b",
+    "/css/dist/skins/skin-green.min.css": "/css/dist/skins/skin-green.min.css?id=efda2335fa5243175850",
+    "/css/dist/skins/skin-green-dark.min.css": "/css/dist/skins/skin-green-dark.min.css?id=6e35fb4cb2f1063b3047",
+    "/css/dist/skins/skin-black.min.css": "/css/dist/skins/skin-black.min.css?id=ec96c42439cdeb022133",
+    "/css/dist/skins/skin-black-dark.min.css": "/css/dist/skins/skin-black-dark.min.css?id=fafb61603f6db2f250df",
+    "/css/dist/skins/skin-blue.min.css": "/css/dist/skins/skin-blue.min.css?id=83e39e254b7f9035eddc",
+    "/css/dist/skins/skin-blue-dark.min.css": "/css/dist/skins/skin-blue-dark.min.css?id=04b51f791329b22290c3",
+    "/css/dist/skins/skin-yellow.min.css": "/css/dist/skins/skin-yellow.min.css?id=a663ec2c7842a3507df9",
+    "/css/dist/skins/skin-yellow-dark.min.css": "/css/dist/skins/skin-yellow-dark.min.css?id=8b631c0444622bf0bfd3",
+    "/css/dist/skins/skin-red.min.css": "/css/dist/skins/skin-red.min.css?id=c24716a423d375902723",
+    "/css/dist/skins/skin-red-dark.min.css": "/css/dist/skins/skin-red-dark.min.css?id=523144d33c7706098ed2",
+    "/css/dist/skins/skin-purple.min.css": "/css/dist/skins/skin-purple.min.css?id=0a901949068bc7ce7f80",
+    "/css/dist/skins/skin-purple-dark.min.css": "/css/dist/skins/skin-purple-dark.min.css?id=32c66312057953f69651",
+    "/css/dist/skins/skin-orange.min.css": "/css/dist/skins/skin-orange.min.css?id=83271cb3576583918804",
+    "/css/dist/skins/skin-orange-dark.min.css": "/css/dist/skins/skin-orange-dark.min.css?id=d81888449b72ecd8dd24",
+    "/css/dist/skins/skin-contrast.min.css": "/css/dist/skins/skin-contrast.min.css?id=6a9d0ac448c28b88e5d6"
 }

resources/assets/less/overrides.less

@@ -571,7 +571,7 @@ th.css-envelope > .th-inner,
 th.css-accessory > .th-inner
 {
   font-size: 0px;
-  line-height: 4!important;
+  line-height: .75!important;
   text-align: left;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
@@ -588,41 +588,46 @@ th.css-accessory > .th-inner::before
 
 {
   display: inline-block;
-  font: normal normal normal 14px/1 FontAwesome;
   font-size: 20px;
+  font-family: "Font Awesome 5 Free"; 
+  font-weight: 300;
 }
 
 th.css-padlock > .th-inner::before
 {
-  content: "\f023";
+  content: "\f023"; font-family: "Font Awesome 5 Free"; font-weight: 400;
   padding-right: 2px;
 }
 
+/**
+Set the font-weight css property as 900 (For Solid), 400 (Regular or Brands), 300 (Light for pro icons).
+**/
 th.css-barcode > .th-inner::before
 {
-  content: "\f02a";
+  content: "\f02a"; font-family: "Font Awesome 5 Free"; font-weight: 900;
 }
 
 th.css-license > .th-inner::before
 {
-  content: "\f0c7";
+  content: "\f0c7"; font-family: "Font Awesome 5 Free"; font-weight: 400;
 }
 
 th.css-consumable > .th-inner::before
 {
-  content: "\f043";
+  content: "\f043"; font-family: "Font Awesome 5 Free"; font-weight: 900;
 }
 
 th.css-envelope > .th-inner::before
 {
-  content: "\f0e0";
+  content: "\f0e0"; font-family: "Font Awesome 5 Free"; font-weight: 400;
 }
 
 
 th.css-accessory > .th-inner::before
 {
-  content: "\f11c";
+  content: "\f11c"; font-family: "Font Awesome 5 Free"; font-weight: 400;
 }
+
 .small-box .inner {
   padding-left: 15px;
   padding-right: 15px;