leefer/xiaobaifupan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

B-217: show full header username without 108px truncation

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
MS-01-Codex
2026-08-20 13:39:22 +08:00
co-authored by Cursor multica-agent
parent 152c0000ce
commit 5a507239a3
5 changed files with 147 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/frontend/index.html
+2 -2
View File
@@ -19,8 +19,8 @@
</script>
<link rel="stylesheet" href="/shared/tokens.css?v=20260820-2">
<link rel="stylesheet" href="/shared/base.css?v=20260806-1">
<link rel="stylesheet" href="/shared/shell.css?v=20260820-5">
<link rel="stylesheet" href="/shared/auth.css?v=20260820-4">
<link rel="stylesheet" href="/shared/shell.css?v=20260820-6">
<link rel="stylesheet" href="/shared/auth.css?v=20260820-5">
<link rel="stylesheet" href="/shared/components/controls.css?v=20260820-2">
<link rel="stylesheet" href="/shared/components/navigation.css?v=20260820-1">
<link rel="stylesheet" href="/shared/components/cards.css?v=20260820-1">
app/frontend/shared/auth.css
+21 -9
View File
@@ -472,11 +472,11 @@
}
.account-button > span {
min-width: 0px;
flex: 0 0 auto;
overflow: hidden;
min-width: max-content;
text-overflow: ellipsis;
overflow: visible;
white-space: nowrap;
}
@@ -1028,11 +1028,15 @@ button.account-role-badge:focus-visible {
display: grid;
grid-template-columns: auto minmax(0px, 1fr);
grid-template-columns: minmax(0px, 1fr);
}
.account-menu-shell .account-button {
width: 100%;
min-width: 0px;
max-width: none;
}
.account-dropdown {
@@ -1179,7 +1183,7 @@ button.account-role-badge:focus-visible {
gap: 3px;
}
@media (min-width: 1280px) {
@media (min-width: 1280px) and (max-width: 1439px) {
.app-header .header-command-group .account-role-badge span {
display: none;
}
@@ -1191,17 +1195,25 @@ button.account-role-badge:focus-visible {
padding-inline: 6px;
}
}
@media (min-width: 1280px) {
.header-command-group .account-button {
flex: 0 0 auto;
width: auto;
max-width: 108px;
max-width: none;
overflow: visible;
padding: 0px 8px;
}
.header-command-group .account-button > span {
display: inline;
overflow: visible;
}
}
@@ -1264,11 +1276,11 @@ button.account-role-badge:focus-visible {
}
.account-button {
overflow: hidden;
flex: 0 0 auto;
text-overflow: ellipsis;
overflow: visible;
max-width: 108px;
max-width: none;
min-height: 28px;
app/frontend/shared/shell.css
+3 -2
View File
@@ -2396,7 +2396,7 @@ body.sidebar-collapsed .status-bar {
overflow: hidden;
}
body:is([data-active-view="sentimentCycleView"], [data-active-view="yesterdayView"]) .overview-strip {
body:is([data-active-view="sentimentCycleView"], [data-active-view="yesterdayView"]) .app-main .overview-strip {
flex: 0 0 auto;
}
@@ -2412,7 +2412,7 @@ body.sidebar-collapsed .status-bar {
overflow: hidden;
}
body:is([data-active-view="auctionView"], [data-active-view="themeLibraryView"], [data-active-view="popularityView"], [data-active-view="mentorView"], [data-active-view="rotationView"]) .overview-strip {
body:is([data-active-view="auctionView"], [data-active-view="themeLibraryView"], [data-active-view="popularityView"], [data-active-view="mentorView"], [data-active-view="rotationView"]) .app-main .overview-strip {
flex: 0 0 auto;
}
@@ -3009,6 +3009,7 @@ body.sidebar-collapsed .status-bar {
body.mobile-shell .header-command-group > .command-button,
body.mobile-shell .header-command-group .account-button {
width: 100%;
max-width: none;
min-height: var(--mobile-touch-size);
justify-content: flex-start;
}