fix(sidebar): prevent version dropdown clipping in expanded brand
This commit is contained in:
@@ -807,7 +807,6 @@ onMounted(() => {
|
||||
.sidebar-brand {
|
||||
min-width: 0;
|
||||
flex: 1 1 auto;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
transition:
|
||||
max-width 0.22s ease,
|
||||
@@ -818,6 +817,7 @@ onMounted(() => {
|
||||
|
||||
.sidebar-brand-collapsed {
|
||||
max-width: 0;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
transform: translateX(-4px);
|
||||
pointer-events: none;
|
||||
|
||||
@@ -22,8 +22,11 @@ describe('AppSidebar custom SVG styles', () => {
|
||||
describe('AppSidebar header styles', () => {
|
||||
it('does not clip the version badge dropdown', () => {
|
||||
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(sidebarBrandBlockMatch).not.toBeNull()
|
||||
expect(sidebarHeaderBlockMatch?.[0]).not.toContain('@apply overflow-hidden;')
|
||||
expect(sidebarBrandBlockMatch?.[0]).not.toContain('overflow: hidden;')
|
||||
})
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user