@record-evolution/widget-markdown 1.0.5 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/widget-markdown.js +25 -2
- package/dist/widget-markdown.js.map +1 -1
- package/package.json +5 -4
- package/src/widget-markdown.ts +23 -0
- package/thumbnail.webp +0 -0
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Webcomponent widget-markdown following open-wc recommendations",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "widget-markdown",
|
|
6
|
-
"version": "1.0.
|
|
6
|
+
"version": "1.0.7",
|
|
7
7
|
"engines": {
|
|
8
8
|
"node": ">=24.9.0",
|
|
9
9
|
"npm": ">=10.0.2"
|
|
@@ -14,11 +14,12 @@
|
|
|
14
14
|
"files": [
|
|
15
15
|
"dist",
|
|
16
16
|
"src",
|
|
17
|
-
"thumbnail.png"
|
|
17
|
+
"thumbnail.png",
|
|
18
|
+
"thumbnail.webp"
|
|
18
19
|
],
|
|
19
20
|
"scripts": {
|
|
20
21
|
"analyze": "cem analyze --litelement",
|
|
21
|
-
"start": "vite",
|
|
22
|
+
"start": "vite build --watch & vite",
|
|
22
23
|
"build": "vite build",
|
|
23
24
|
"watch": "vite build --watch",
|
|
24
25
|
"link": "npm run build && npm link && cd ../RESWARM/frontend && npm link @record-evolution/widget-markdown",
|
|
@@ -29,7 +30,7 @@
|
|
|
29
30
|
"dependencies": {
|
|
30
31
|
"github-markdown-css": "^5.8.1",
|
|
31
32
|
"highlight.js": "^11.11.1",
|
|
32
|
-
"lit": "^3.3.
|
|
33
|
+
"lit": "^3.3.3",
|
|
33
34
|
"marked": "^16.3.0",
|
|
34
35
|
"marked-highlight": "^2.2.3",
|
|
35
36
|
"tslib": "^2.8.1"
|
package/src/widget-markdown.ts
CHANGED
|
@@ -159,6 +159,29 @@ export class WidgetMarkdown extends LitElement {
|
|
|
159
159
|
overflow: auto;
|
|
160
160
|
padding: 1cqh 1cqw;
|
|
161
161
|
box-sizing: border-box;
|
|
162
|
+
/* Derive scrollbar colors from the (inherited) text color so they
|
|
163
|
+
follow custom styles and themes — e.g. light thumb on dark bg. */
|
|
164
|
+
scrollbar-width: thin;
|
|
165
|
+
scrollbar-color: color-mix(in srgb, currentColor 35%, transparent) transparent;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
/* WebKit/Blink fallback for browsers without scrollbar-color support. */
|
|
169
|
+
.wrapper::-webkit-scrollbar {
|
|
170
|
+
width: 8px;
|
|
171
|
+
height: 8px;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.wrapper::-webkit-scrollbar-track {
|
|
175
|
+
background: transparent;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.wrapper::-webkit-scrollbar-thumb {
|
|
179
|
+
background-color: color-mix(in srgb, currentColor 35%, transparent);
|
|
180
|
+
border-radius: 4px;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.wrapper::-webkit-scrollbar-thumb:hover {
|
|
184
|
+
background-color: color-mix(in srgb, currentColor 55%, transparent);
|
|
162
185
|
}
|
|
163
186
|
|
|
164
187
|
h2 {
|
package/thumbnail.webp
ADDED
|
Binary file
|