fix(gnoweb): css safelist to add missing css rules (gnolang#4838)

alexiscolin · web-flow · commit 9ed34eb8a5b2 · 2025-10-08T16:01:36.000+02:00
diff --git a/examples/gno.land/r/docs/markdown/markdown.gno b/examples/gno.land/r/docs/markdown/markdown.gno
@@ -103,12 +103,12 @@ Blockquotes are created using the > character:
 ±±±markdown
 > This is a blockquote
 >
-> It can span multiple lines
+>> It can span multiple lines
 ±±±
 
 > This is a blockquote
 >
-> It can span multiple lines
+>> It can span multiple lines
 
 ### Code
 
diff --git a/gno.land/pkg/gnoweb/frontend/css/06-blocks.css b/gno.land/pkg/gnoweb/frontend/css/06-blocks.css
@@ -1854,7 +1854,6 @@ pre.chroma-chroma {
 	}
 	.link-tx {
 		font-size: 0.75em;
-		vertical-align: top;
 	}
 	.link-user {
 		font-size: 0.75em;
diff --git a/gno.land/pkg/gnoweb/frontend/postcss.config.cjs b/gno.land/pkg/gnoweb/frontend/postcss.config.cjs
@@ -34,7 +34,18 @@ module.exports = (ctx) => {
 					here("../**/*.go"),
 					here("./js/**/*.ts"),
 				],
-				safelist: [/^is-/, /^has-/, /-active$/, /-open$/, "hidden", "dev-mode"],
+				safelist: {
+					standard: [
+						/^is-/,
+						/^has-/,
+						/-active$/,
+						/-open$/,
+						"u-hidden",
+						"dev-mode",
+						"u-sr-only",
+					],
+					deep: [/c-realm-view\b/, /c-readme-view\b/],
+				},
 				variables: true,
 				defaultExtractor: (content) => content.match(/[\w-:/%.]+(?<!:)/g) || [],
 			}),
diff --git a/gno.land/pkg/gnoweb/public/main.css b/gno.land/pkg/gnoweb/public/main.css

Original file line number	Diff line number	Diff line change
`@@ -103,12 +103,12 @@ Blockquotes are created using the > character:`
`103`	`103`	`±±±markdown`
`104`	`104`	`> This is a blockquote`
`105`	`105`	`>`
`106`		`-> It can span multiple lines`
	`106`	`+>> It can span multiple lines`
`107`	`107`	`±±±`
`108`	`108`
`109`	`109`	`> This is a blockquote`
`110`	`110`	`>`
`111`		`-> It can span multiple lines`
	`111`	`+>> It can span multiple lines`
`112`	`112`
`113`	`113`	`### Code`
`114`	`114`