fix(web): keep the sidebar org name inside the footer

Long organization names wrap beside the logout button instead of spilling out of the sidebar card.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-11-02 19:43:47 +03:30
co-authored by Cursor
parent c273dd6c58
commit 1b10ee30df
2 changed files with 39 additions and 9 deletions
+13 -6
View File
@@ -212,9 +212,11 @@ onUnmounted(() => {
.org-btn {
display: inline-flex;
align-items: center;
gap: 0.4rem;
align-items: flex-start;
gap: 0.35rem;
width: 100%;
max-width: 100%;
min-width: 0;
border: 0;
background: transparent;
color: #94a3b8;
@@ -223,15 +225,20 @@ onUnmounted(() => {
font-weight: 600;
cursor: pointer;
text-align: right;
padding: 0 0.45rem 0.15rem;
padding: 0 0.15rem;
overflow: hidden;
}
.org-btn :deep(.ico) {
flex-shrink: 0;
margin-top: 0.05rem;
}
.org-btn span {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
white-space: normal;
overflow-wrap: anywhere;
line-height: 1.35;
}
.org-btn:hover {
+26 -3
View File
@@ -1223,6 +1223,7 @@ onUnmounted(() => {
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
min-height: 0;
gap: 0.85rem;
}
@@ -1471,12 +1472,14 @@ onUnmounted(() => {
display: grid;
gap: 0.85rem;
flex-shrink: 0;
min-width: 0;
padding-top: 0.35rem;
}
.foot-actions {
display: grid;
gap: 0.55rem;
min-width: 0;
}
.prior-switch {
@@ -1511,6 +1514,8 @@ onUnmounted(() => {
.foot-meta {
display: grid;
gap: 0.15rem;
min-width: 0;
max-width: 100%;
}
.profile-card {
@@ -1737,12 +1742,30 @@ onUnmounted(() => {
.sidebar:not(.collapsed) .foot-meta {
display: flex;
align-items: center;
gap: 0.45rem;
gap: 0.35rem;
min-width: 0;
max-width: 100%;
}
.sidebar:not(.collapsed) .foot-meta :deep(.org-switch) {
flex: 1;
.sidebar:not(.collapsed) .foot-meta :deep(.org-switch),
.sidebar:not(.collapsed) .foot-meta :deep(.org-btn) {
flex: 1 1 auto;
min-width: 0;
max-width: 100%;
}
.sidebar:not(.collapsed) .foot-meta :deep(.org-btn) {
align-items: flex-start;
height: auto;
padding: 0.2rem 0.15rem;
}
.sidebar:not(.collapsed) .foot-meta :deep(.org-btn span) {
white-space: normal;
overflow: visible;
text-overflow: unset;
line-height: 1.35;
overflow-wrap: anywhere;
}
.sidebar:not(.collapsed) .logout-link {