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

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>
This commit is contained in:
Giteabot 2023-04-03 17:00:24 -04:00 committed by GitHub
parent f6dab64412
commit ac57ec5c47
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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;