Fixing iPhone/Safari X/Twitter icon

wordish · Jan 22, 2024 · ffd3ec8 · ffd3ec8
1 parent 4d59bfc
commit ffd3ec8
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 4 deletions.
diff --git a/concrete/src/Sharing/ShareThisPage/ServiceList.php b/concrete/src/Sharing/ShareThisPage/ServiceList.php
@@ -8,7 +8,7 @@ protected static function getServices()
     {
         return array(
             array('facebook', 'Facebook', 'fab fa-facebook'),
-            array('twitter', 'X',  null, '<svg width="auto" height="auto" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66"/></svg>'),
+            array('twitter', 'X',  null, '<svg id="icon-twitter-x" width="16" height="16" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66"/></svg>'),
             array('linkedin', 'LinkedIn', 'fab fa-linkedin'),
             array('reddit', 'Reddit', 'fab fa-reddit'),
             array('pinterest', 'Pinterest', 'fab fa-pinterest'),

diff --git a/concrete/src/Sharing/SocialNetwork/ServiceList.php b/concrete/src/Sharing/SocialNetwork/ServiceList.php
@@ -7,7 +7,7 @@ protected static function getServices()
     {
         $services = [
             ['facebook', 'Facebook', 'fab fa-facebook'],
-            ['twitter', 'X',  null, '<svg width="auto" height="auto" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66"/></svg>'],
+            ['twitter', 'X',  null, '<svg id="icon-twitter-x" width="16" height="16" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66"/></svg>'],
             ['instagram', 'Instagram', 'fab fa-instagram'],
             ['tumblr', 'Tumblr', 'fab fa-tumblr-square'],
             ['github', 'Github', 'fab fa-github-square'],

diff --git a/concrete/themes/atomik/css/scss/_footer.scss b/concrete/themes/atomik/css/scss/_footer.scss
@@ -32,7 +32,10 @@ div.theme-atomik {
         color: $dark;
       }
       svg {
+        height: 20px;
+        width: 20px;
         max-height: 20px;
+        max-width: 20px;
         fill: $dark;
       }
       i {

diff --git a/concrete/themes/atomik/css/skins/default.css b/concrete/themes/atomik/css/skins/default.css
diff --git a/concrete/themes/atomik/css/skins/rustic-elegance.css b/concrete/themes/atomik/css/skins/rustic-elegance.css