Update gfm.css to github-markdown-css (#12613)

* Update gfm.css to github-markdown-css

Signed-off-by: Michael Telatynski <[email protected]>

* Update screenshots

Signed-off-by: Michael Telatynski <[email protected]>

---------

Signed-off-by: Michael Telatynski <[email protected]>

Author: t3chguy

package.json

@@ -93,7 +93,7 @@
         "escape-html": "^1.0.3",
         "file-saver": "^2.0.5",
         "filesize": "10.1.2",
-        "gfm.css": "^1.1.2",
+        "github-markdown-css": "^5.5.1",
         "glob-to-regexp": "^0.4.1",
         "graphemer": "^1.4.0",
         "highlight.js": "^11.3.1",

playwright/snapshots/timeline/timeline.spec.ts/highlighted-search-results-linux.png

@@ -701,7 +701,7 @@ $left-gutter: 64px;
             background-color: $inlinecode-background-color;
             border: 1px solid $inlinecode-border-color;
             border-radius: 4px;
-            /* The horizontal padding is added by gfm.css .markdown-body */
+            /* The horizontal padding is added by github-markdown-css .markdown-body */
             padding: $spacing-2 0;
             /* Avoid inline code blocks to be sticked when on multiple lines */
             line-height: $font-22px;

res/css/views/rooms/_EventTile.pcss

@@ -163,7 +163,7 @@ limitations under the License.
     word-break: break-word;
 
     /* FIXME: rather unpleasant hack to get rid of <p/> margins. */
-    /* really we should be mixing in markdown-body from gfm.css instead */
+    /* really we should be mixing in markdown-body from github-markdown-css instead */
     > :first-child {
         margin-top: 0 !important;
     }

res/css/views/rooms/_MessageComposer.pcss

@@ -5,3 +5,4 @@
 @import "../../legacy-dark/css/_legacy-dark.pcss";
 @import "../../light-custom/css/_custom.pcss";
 @import "../../../../res/css/_components.pcss";
+@import url("github-markdown-css/github-markdown-dark.css");

res/themes/dark-custom/css/dark-custom.pcss

@@ -6,3 +6,4 @@
 @import "../../light/css/_mods.pcss";
 @import "../../../../res/css/_components.pcss";
 @import url("highlight.js/styles/atom-one-dark.min.css");
+@import url("github-markdown-css/github-markdown-dark.css");

res/themes/dark/css/dark.pcss

@@ -5,3 +5,4 @@
 @import "_legacy-dark.pcss";
 @import "../../../../res/css/_components.pcss";
 @import url("highlight.js/styles/atom-one-dark.min.css");
+@import url("github-markdown-css/github-markdown-dark.css");

res/themes/legacy-dark/css/legacy-dark.pcss

@@ -4,3 +4,4 @@
 @import "_legacy-light.pcss";
 @import "../../../../res/css/_components.pcss";
 @import url("highlight.js/styles/atom-one-light.min.css");
+@import url("github-markdown-css/github-markdown-light.css");

res/themes/legacy-light/css/legacy-light.pcss

@@ -4,3 +4,4 @@
 @import "../../legacy-light/css/_legacy-light.pcss";
 @import "_custom.pcss";
 @import "../../../../res/css/_components.pcss";
+@import url("github-markdown-css/github-markdown-light.css");

res/themes/light-custom/css/light-custom.pcss

@@ -6,3 +6,4 @@
 @import "../../light/css/_mods.pcss";
 @import "../../../../res/css/_components.pcss";
 @import url("highlight.js/styles/atom-one-light.min.css");
+@import url("github-markdown-css/github-markdown-light.css");