Fix user profile description rendering (#23882) (#23902)

GiteaBot · wxiaoguang · web-flow · commit ac57ec5c4742 · 2023-04-03T16:00:24.000-05:00
Backport #23882 by @wxiaoguang Found an UI problem when testing #23874 The `ul li` styles were polluted. Before: ![image](https://user-images.githubusercontent.com/2114189/229409756-22438268-ee36-4e4a-a20b-04ee8ee4a79d.png) After: ![image](https://user-images.githubusercontent.com/2114189/229409809-25cea715-b6f1-4346-9bb4-3fbb58fcca65.png) Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
diff --git a/web_src/css/user.css b/web_src/css/user.css
@@ -15,26 +15,26 @@
   padding: 0;
 }
 
-.user.profile .ui.card .extra.content ul {
+.user.profile .ui.card .extra.content > ul {
   margin: 0;
   padding: 0;
 }
 
-.user.profile .ui.card .extra.content ul li {
+.user.profile .ui.card .extra.content > ul > li {
   padding: 10px;
   list-style: none;
 }
 
-.user.profile .ui.card .extra.content ul li:not(:last-child) {
+.user.profile .ui.card .extra.content > ul > li:not(:last-child) {
   border-bottom: 1px solid var(--color-secondary);
 }
 
-.user.profile .ui.card .extra.content ul li .svg {
+.user.profile .ui.card .extra.content > ul > li .svg {
   margin-left: 1px;
   margin-right: 5px;
 }
 
-.user.profile .ui.card .extra.content ul li.follow .ui.button {
+.user.profile .ui.card .extra.content > ul > li.follow .ui.button {
   width: 100%;
 }
 
@@ -112,7 +112,7 @@
   margin: -3px !important;
 }
 
-.user-orgs li {
+.user-orgs > li {
   display: flex;
   border-bottom: 0 !important;
   padding: 3px !important;

Original file line number	Diff line number	Diff line change
`@@ -15,26 +15,26 @@`
`15`	`15`	`padding: 0;`
`16`	`16`	`}`
`17`	`17`
`18`		`-.user.profile .ui.card .extra.content ul {`
	`18`	`+.user.profile .ui.card .extra.content > ul {`
`19`	`19`	`margin: 0;`
`20`	`20`	`padding: 0;`
`21`	`21`	`}`
`22`	`22`
`23`		`-.user.profile .ui.card .extra.content ul li {`
	`23`	`+.user.profile .ui.card .extra.content > ul > li {`
`24`	`24`	`padding: 10px;`
`25`	`25`	`list-style: none;`
`26`	`26`	`}`
`27`	`27`
`28`		`-.user.profile .ui.card .extra.content ul li:not(:last-child) {`
	`28`	`+.user.profile .ui.card .extra.content > ul > li:not(:last-child) {`
`29`	`29`	`border-bottom: 1px solid var(--color-secondary);`
`30`	`30`	`}`
`31`	`31`
`32`		`-.user.profile .ui.card .extra.content ul li .svg {`
	`32`	`+.user.profile .ui.card .extra.content > ul > li .svg {`
`33`	`33`	`margin-left: 1px;`
`34`	`34`	`margin-right: 5px;`
`35`	`35`	`}`
`36`	`36`
`37`		`-.user.profile .ui.card .extra.content ul li.follow .ui.button {`
	`37`	`+.user.profile .ui.card .extra.content > ul > li.follow .ui.button {`
`38`	`38`	`width: 100%;`
`39`	`39`	`}`
`40`	`40`
`@@ -112,7 +112,7 @@`
`112`	`112`	`margin: -3px !important;`
`113`	`113`	`}`
`114`	`114`
`115`		`-.user-orgs li {`
	`115`	`+.user-orgs > li {`
`116`	`116`	`display: flex;`
`117`	`117`	`border-bottom: 0 !important;`
`118`	`118`	`padding: 3px !important;`