oadmin/sub2api
1
0
Fork 0
Code Issues Pull Requests 1 Actions 1 Packages Projects Releases Wiki Activity

Merge pull request #1635 from KnowSky404/fix-issue-1613-version-dropdown

Browse Source 
fix(sidebar): prevent version dropdown clipping in expanded brand
This commit is contained in:
Wesley Liddick
2026-04-14 20:41:53 +08:00
committed by GitHub
parent d402e722cf 58c0f57647
commit 7c671b5373
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/layout/AppSidebar.vue
View File

@@ -807,7 +807,6 @@ onMounted(() => {
.sidebar-brand { .sidebar-brand {
min-width: 0; min-width: 0;
flex: 1 1 auto; flex: 1 1 auto;
overflow: hidden;
white-space: nowrap; white-space: nowrap;
transition: transition:
max-width 0.22s ease, max-width 0.22s ease,
@@ -818,6 +817,7 @@ onMounted(() => {
.sidebar-brand-collapsed { .sidebar-brand-collapsed {
max-width: 0; max-width: 0;
overflow: hidden;
opacity: 0; opacity: 0;
transform: translateX(-4px); transform: translateX(-4px);
pointer-events: none; pointer-events: none;

3
frontend/src/components/layout/__tests__/AppSidebar.spec.ts
View File

@@ -22,8 +22,11 @@ describe('AppSidebar custom SVG styles', () => {
describe('AppSidebar header styles', () => { describe('AppSidebar header styles', () => {
it('does not clip the version badge dropdown', () => { it('does not clip the version badge dropdown', () => {
const sidebarHeaderBlockMatch = styleSource.match(/\.sidebar-header\s*\{[\s\S]*?\n \}/) const sidebarHeaderBlockMatch = styleSource.match(/\.sidebar-header\s*\{[\s\S]*?\n \}/)
const sidebarBrandBlockMatch = componentSource.match(/\.sidebar-brand\s*\{[\s\S]*?\n\}/)
expect(sidebarHeaderBlockMatch).not.toBeNull() expect(sidebarHeaderBlockMatch).not.toBeNull()
expect(sidebarBrandBlockMatch).not.toBeNull()
expect(sidebarHeaderBlockMatch?.[0]).not.toContain('@apply overflow-hidden;') expect(sidebarHeaderBlockMatch?.[0]).not.toContain('@apply overflow-hidden;')
expect(sidebarBrandBlockMatch?.[0]).not.toContain('overflow: hidden;')
}) })
}) })