diff --git a/css/app-sidebar.scss b/css/app-sidebar.scss index 27167b3c5..0cf2c4ef4 100644 --- a/css/app-sidebar.scss +++ b/css/app-sidebar.scss @@ -23,37 +23,6 @@ .app-sidebar, .event-popover .event-popover__inner { - .app-sidebar-header__figure { - height: unset !important; - } - - .app-sidebar-header__action { - margin-top: 0 !important; - max-height: none !important; - flex-wrap: wrap; - - div { - flex-shrink: 0; - } - } - - .app-sidebar-header__desc { - // We use our custom header layout for the sidebar editor - height: 0 !important; - padding: 0 !important; - margin: 0 !important; - - // But keep the three-dot menu in the front - .app-sidebar-header__menu { - z-index: 1; - } - } - - .app-sidebar-header__description { - // Close button should be aligned with calendar picker (header) - padding-top: 5px; - } - .editor-invitee-list-empty-message, .editor-reminders-list-empty-message, .editor-invitee-list-no-email-configured-message { diff --git a/src/views/EditSidebar.vue b/src/views/EditSidebar.vue index 50f0c21b0..7add89008 100644 --- a/src/views/EditSidebar.vue +++ b/src/views/EditSidebar.vue @@ -683,13 +683,41 @@ export default { height: auto; border-radius: var(--border-radius); } -:deep(.app-sidebar-header__description) { - flex-direction: column; -} .property-location { margin-top: 10px; } .property-description { margin-bottom: 10px; } + +:deep { + .app-sidebar-header__action { + margin-top: 0 !important; + max-height: none !important; + flex-wrap: wrap; + + div { + flex-shrink: 0; + } + } + + .app-sidebar-header__desc { + // We use our custom header layout for the sidebar editor + height: 0 !important; + padding: 0 !important; + margin: 0 !important; + + // But keep the three-dot menu in the front + .app-sidebar-header__menu { + z-index: 1; + } + } + + .app-sidebar-header__description { + flex-direction: column; + + // Close button should be aligned with calendar picker (header) + padding-top: 5px; + } +}