From ac57ec5c4742bb82b4fa9c2e8eb8bf86591fc0bc Mon Sep 17 00:00:00 2001 From: Giteabot Date: Mon, 3 Apr 2023 17:00:24 -0400 Subject: [PATCH] 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 --- web_src/css/user.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/web_src/css/user.css b/web_src/css/user.css index b6a8aa211a..26d5da476d 100644 --- 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;