Skip to content

Commit 61d3c05

Browse files
committed
refactor: restore global styles for README markdown images to ensure proper scaling
1 parent 4f6c5f0 commit 61d3c05

2 files changed

Lines changed: 8 additions & 3 deletions

File tree

src/app/repo-details/repo-details.component.scss

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,3 @@
99
padding: 25px;
1010
}
1111

12-
#readme-markdown img {
13-
max-width: 100%;
14-
}

src/styles.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,3 +2,11 @@
22

33
html, body { height: 100%; }
44
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
5+
6+
/* Ensure images inside README markdown scale correctly.
7+
Using a global rule so it applies to content rendered via innerHTML/ngx-markdown
8+
which doesn't receive Angular's emulated encapsulation attributes. */
9+
#readme-markdown img {
10+
max-width: 100%;
11+
height: auto;
12+
}

0 commit comments

Comments
 (0)