diff --git a/apps/web/src/components/OrgSwitcher.vue b/apps/web/src/components/OrgSwitcher.vue index 08137b4..e9daeb0 100644 --- a/apps/web/src/components/OrgSwitcher.vue +++ b/apps/web/src/components/OrgSwitcher.vue @@ -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 { diff --git a/apps/web/src/layouts/AppLayout.vue b/apps/web/src/layouts/AppLayout.vue index e2ee51d..ac54011 100644 --- a/apps/web/src/layouts/AppLayout.vue +++ b/apps/web/src/layouts/AppLayout.vue @@ -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 {