fix: move global sidebar style overrides to sfc

Regression was introduced by de1cf849af
in combination with the new reference widget. The global stylesheet is
imported by the reference entry point and thus overrides some styles
in other apps.

Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>
This commit is contained in:
Richard Steinmetz 2024-03-20 09:37:29 +01:00
parent 59fe5d0cac
commit d1edd61e46
No known key found for this signature in database
GPG Key ID: 27137D9E7D273FB2
2 changed files with 31 additions and 34 deletions

View File

@ -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 {

View File

@ -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;
}
}
</style>