From 3369fc8ea9ac88e0344d9c91f12941585a7a60aa Mon Sep 17 00:00:00 2001 From: Richard Steinmetz Date: Tue, 9 Jan 2024 21:17:23 +0100 Subject: [PATCH] feat(editors): redesign editors Signed-off-by: Richard Steinmetz --- css/app-sidebar.scss | 197 ++-- css/props-linkify-links.scss | 12 +- img/illustrations/a_day_at_the_park.svg | 1 - img/illustrations/a_moment_to_relax.svg | 1 - img/illustrations/adventure.svg | 1 - img/illustrations/art_lover.svg | 1 - img/illustrations/art_museum.svg | 1 - img/illustrations/awards.svg | 1 - img/illustrations/barbecue.svg | 1 - img/illustrations/barber.svg | 1 - img/illustrations/basketball.svg | 1 - img/illustrations/bicycle.svg | 1 - img/illustrations/biking.svg | 1 - img/illustrations/birthday_cake.svg | 1 - img/illustrations/business_plan.svg | 1 - img/illustrations/calendar.svg | 1 - img/illustrations/calling.svg | 1 - img/illustrations/camera.svg | 1 - img/illustrations/camping.svg | 1 - img/illustrations/candidate.svg | 1 - img/illustrations/celebration.svg | 1 - img/illustrations/certification.svg | 1 - img/illustrations/charts.svg | 1 - img/illustrations/christmas_tree.svg | 1 - img/illustrations/city_driver.svg | 1 - img/illustrations/collab.svg | 1 - img/illustrations/compose_music.svg | 1 - img/illustrations/conference_call.svg | 1 - img/illustrations/conference_speaker.svg | 1 - img/illustrations/creation_process.svg | 1 - img/illustrations/dinner.svg | 1 - img/illustrations/doctors.svg | 1 - img/illustrations/dog_walking.svg | 1 - img/illustrations/eating_together.svg | 1 - img/illustrations/electric_car.svg | 1 - img/illustrations/empty_cart.svg | 1 - img/illustrations/exams.svg | 1 - img/illustrations/exploring.svg | 1 - img/illustrations/farm_girl.svg | 1 - .../finish_line_katerina_limpitsouni.svg | 1 - img/illustrations/fireworks.svg | 1 - img/illustrations/fishing.svg | 1 - img/illustrations/gaming.svg | 1 - img/illustrations/gardening.svg | 1 - img/illustrations/gift.svg | 1 - img/illustrations/goal.svg | 1 - img/illustrations/golf.svg | 1 - img/illustrations/graduation.svg | 1 - img/illustrations/greek_freak.svg | 1 - img/illustrations/hiking.svg | 1 - img/illustrations/home_run.svg | 1 - img/illustrations/in_the_office.svg | 1 - img/illustrations/interview.svg | 1 - img/illustrations/into_the_night.svg | 1 - img/illustrations/journey.svg | 1 - img/illustrations/medicine.svg | 1 - img/illustrations/meditation.svg | 1 - img/illustrations/meeting.svg | 1 - img/illustrations/movie_night.svg | 1 - img/illustrations/newsletter.svg | 1 - img/illustrations/no_data.svg | 1 - img/illustrations/old_day.svg | 1 - img/illustrations/outdoor_adventure.svg | 1 - img/illustrations/party.svg | 1 - img/illustrations/pay_online.svg | 1 - img/illustrations/personal_finance.svg | 1 - img/illustrations/personal_trainer.svg | 1 - img/illustrations/photo_session.svg | 1 - img/illustrations/pilates.svg | 1 - img/illustrations/pizza_sharing.svg | 1 - img/illustrations/podcast.svg | 1 - img/illustrations/presentation.svg | 1 - img/illustrations/professor.svg | 1 - img/illustrations/relaxation.svg | 1 - img/illustrations/reviewed_docs.svg | 1 - img/illustrations/skateboard.svg | 1 - img/illustrations/studying.svg | 1 - img/illustrations/subway.svg | 1 - img/illustrations/sunlight.svg | 1 - img/illustrations/teaching.svg | 1 - img/illustrations/travel_plans.svg | 1 - img/illustrations/travelers.svg | 1 - img/illustrations/voting.svg | 1 - img/illustrations/wedding.svg | 1 - img/illustrations/window_shopping.svg | 1 - img/illustrations/wine_tasting.svg | 1 - img/illustrations/working_out.svg | 1 - img/illustrations/working_remotely.svg | 1 - .../Editor/Attachments/AttachmentsList.vue | 44 +- .../Editor/CalendarPickerHeader.vue | 167 ++++ .../Editor/InvitationResponseButtons.vue | 18 +- .../Editor/Invitees/InviteesList.vue | 126 ++- .../Properties/PropertyCalendarPicker.vue | 4 +- .../Editor/Properties/PropertyColor.vue | 2 +- .../Editor/Properties/PropertySelect.vue | 4 +- .../Editor/Properties/PropertyText.vue | 4 +- .../Editor/Properties/PropertyTitle.vue | 2 +- .../Properties/PropertyTitleTimePicker.vue | 74 +- src/components/Editor/Repeat/Repeat.vue | 2 +- .../Editor/Repeat/RepeatSummary.vue | 2 +- src/components/Editor/SaveButtons.vue | 55 +- src/components/Shared/CalendarPicker.vue | 1 + src/mixins/EditorMixin.js | 62 +- src/mixins/PropertyLinksMixin.js | 3 +- src/utils/illustration.js | 879 ------------------ src/views/EditSidebar.vue | 76 +- src/views/EditSimple.vue | 122 ++- .../unit/utils/illustration.test.js | 53 -- 108 files changed, 715 insertions(+), 1280 deletions(-) delete mode 100644 img/illustrations/a_day_at_the_park.svg delete mode 100644 img/illustrations/a_moment_to_relax.svg delete mode 100644 img/illustrations/adventure.svg delete mode 100644 img/illustrations/art_lover.svg delete mode 100644 img/illustrations/art_museum.svg delete mode 100644 img/illustrations/awards.svg delete mode 100644 img/illustrations/barbecue.svg delete mode 100644 img/illustrations/barber.svg delete mode 100644 img/illustrations/basketball.svg delete mode 100644 img/illustrations/bicycle.svg delete mode 100644 img/illustrations/biking.svg delete mode 100644 img/illustrations/birthday_cake.svg delete mode 100644 img/illustrations/business_plan.svg delete mode 100644 img/illustrations/calendar.svg delete mode 100644 img/illustrations/calling.svg delete mode 100644 img/illustrations/camera.svg delete mode 100644 img/illustrations/camping.svg delete mode 100644 img/illustrations/candidate.svg delete mode 100644 img/illustrations/celebration.svg delete mode 100644 img/illustrations/certification.svg delete mode 100644 img/illustrations/charts.svg delete mode 100644 img/illustrations/christmas_tree.svg delete mode 100644 img/illustrations/city_driver.svg delete mode 100644 img/illustrations/collab.svg delete mode 100644 img/illustrations/compose_music.svg delete mode 100644 img/illustrations/conference_call.svg delete mode 100644 img/illustrations/conference_speaker.svg delete mode 100644 img/illustrations/creation_process.svg delete mode 100644 img/illustrations/dinner.svg delete mode 100644 img/illustrations/doctors.svg delete mode 100644 img/illustrations/dog_walking.svg delete mode 100644 img/illustrations/eating_together.svg delete mode 100644 img/illustrations/electric_car.svg delete mode 100644 img/illustrations/empty_cart.svg delete mode 100644 img/illustrations/exams.svg delete mode 100644 img/illustrations/exploring.svg delete mode 100644 img/illustrations/farm_girl.svg delete mode 100644 img/illustrations/finish_line_katerina_limpitsouni.svg delete mode 100644 img/illustrations/fireworks.svg delete mode 100644 img/illustrations/fishing.svg delete mode 100644 img/illustrations/gaming.svg delete mode 100644 img/illustrations/gardening.svg delete mode 100644 img/illustrations/gift.svg delete mode 100644 img/illustrations/goal.svg delete mode 100644 img/illustrations/golf.svg delete mode 100644 img/illustrations/graduation.svg delete mode 100644 img/illustrations/greek_freak.svg delete mode 100644 img/illustrations/hiking.svg delete mode 100644 img/illustrations/home_run.svg delete mode 100644 img/illustrations/in_the_office.svg delete mode 100644 img/illustrations/interview.svg delete mode 100644 img/illustrations/into_the_night.svg delete mode 100644 img/illustrations/journey.svg delete mode 100644 img/illustrations/medicine.svg delete mode 100644 img/illustrations/meditation.svg delete mode 100644 img/illustrations/meeting.svg delete mode 100644 img/illustrations/movie_night.svg delete mode 100644 img/illustrations/newsletter.svg delete mode 100644 img/illustrations/no_data.svg delete mode 100644 img/illustrations/old_day.svg delete mode 100644 img/illustrations/outdoor_adventure.svg delete mode 100644 img/illustrations/party.svg delete mode 100644 img/illustrations/pay_online.svg delete mode 100644 img/illustrations/personal_finance.svg delete mode 100644 img/illustrations/personal_trainer.svg delete mode 100644 img/illustrations/photo_session.svg delete mode 100644 img/illustrations/pilates.svg delete mode 100644 img/illustrations/pizza_sharing.svg delete mode 100644 img/illustrations/podcast.svg delete mode 100644 img/illustrations/presentation.svg delete mode 100644 img/illustrations/professor.svg delete mode 100644 img/illustrations/relaxation.svg delete mode 100644 img/illustrations/reviewed_docs.svg delete mode 100644 img/illustrations/skateboard.svg delete mode 100644 img/illustrations/studying.svg delete mode 100644 img/illustrations/subway.svg delete mode 100644 img/illustrations/sunlight.svg delete mode 100644 img/illustrations/teaching.svg delete mode 100644 img/illustrations/travel_plans.svg delete mode 100644 img/illustrations/travelers.svg delete mode 100644 img/illustrations/voting.svg delete mode 100644 img/illustrations/wedding.svg delete mode 100644 img/illustrations/window_shopping.svg delete mode 100644 img/illustrations/wine_tasting.svg delete mode 100644 img/illustrations/working_out.svg delete mode 100644 img/illustrations/working_remotely.svg create mode 100644 src/components/Editor/CalendarPickerHeader.vue delete mode 100644 src/utils/illustration.js delete mode 100644 tests/javascript/unit/utils/illustration.test.js diff --git a/css/app-sidebar.scss b/css/app-sidebar.scss index 3afc6c2ab..b0e17a06d 100644 --- a/css/app-sidebar.scss +++ b/css/app-sidebar.scss @@ -37,11 +37,14 @@ } } - /** Hide the submit button for the title, because it does not trigger a save */ - .app-sidebar-header__mainname-form { - button { - display: none; - } + // We use our custom header layout for the sidebar editor + .app-sidebar-header__info { + display: none !important; + } + + .app-sidebar-header__description { + // Close button should be aligned with calendar picker (header) + padding-top: 5px; } .editor-invitee-list-empty-message, @@ -228,6 +231,18 @@ .property-title-time-picker { width: 100%; + &--readonly { + display: flex; + align-items: center; + } + + &__icon { + width: 34px; + height: 34px; + margin-left: -5px; + margin-right: 5px; + } + &__time-pickers, &__all-day { display: flex; @@ -235,10 +250,12 @@ } &__time-pickers { + flex-wrap: wrap; justify-content: space-between; + gap: 5px; .mx-datepicker { - width: 49%; + flex: 1 auto; .mx-input-append { background-color: transparent !important; @@ -246,16 +263,24 @@ } &--readonly { + justify-content: start; + .property-title-time-picker-read-only-wrapper { display: flex; align-items: center; - width: 50%; - margin: 3px 3px 3px 0; padding: 8px 7px; background-color: var(--color-main-background); color: var(--color-main-text); outline: none; + &--start-date { + padding-right: 0; + } + + &--end-date { + padding-left: 0; + } + &__icon { margin-left: 8px; height: 16px; @@ -275,22 +300,14 @@ } } - @media screen and (max-width: 1500px) { - &__time-pickers { - display: block; - } - - .mx-datepicker { - width: 100%; - } - - .property-title-time-picker-read-only-wrapper { - width: 100%; - } - } - &__all-day { - justify-content: flex-start; + padding-left: 3px; + margin-top: 5px; + + // Reduce the height just a little bit (from 44px) to save some space + .checkbox-radio-switch__label { + min-height: 32px; + } } .datetime-picker-inline-icon { @@ -421,7 +438,6 @@ &__summary { display: flex; align-items: center; - margin-bottom: 5px; &__icon { width: 34px; @@ -432,7 +448,7 @@ &__content { flex: 1 auto; - padding: 0 7px; + padding: 8px 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -519,7 +535,6 @@ display: flex; width: 100%; align-items: flex-start; - margin-bottom: 5px; &__icon, &__info { @@ -536,6 +551,7 @@ &__info { display: flex; justify-content: center; + flex-shrink: 0; opacity: .5; } @@ -568,7 +584,6 @@ div { width: calc(100% - 8px); /* for typical (thin) scrollbar size */ white-space: pre-line; - margin: 3px 3px 3px 0; padding: 8px 7px; background-color: var(--color-main-background); color: var(--color-main-text); @@ -577,26 +592,31 @@ word-break: break-word; /* allows breaking on long URLs */ max-height: 30vh; } - - a.linkified { - text-decoration: underline; - - &::after { - content: ' ↗'; - } - } } &--readonly-calendar-picker { - div.calendar-picker-option { - margin: 3px 3px 3px 0; padding: 8px 7px; } } } } + .property-text, + .property-select, + .property-color, + .property-select-multiple, + .property-title, + .property-repeat, + .resource-capacity, + .resource-room-type { + margin-bottom: 5px; + + &--readonly { + margin-bottom: 0; + } + } + .property-select, .property-select-multiple { align-items: center; @@ -611,21 +631,46 @@ } .property-color { - &__input { display: flex; + gap: 5px; + margin-bottom: 5px; + + &--readonly { + // Align with other (text based) fields + margin: 3px 0 3px 7px; + } } &__color-preview { - border-radius: var(--border-radius); - height: 34px !important; - width: 34px !important; - margin: 0; + $size: 44px; + width: $size !important; + height: $size !important; + border-radius: $size; } } .property-text { + &__icon { + // Prevent icon misalignment on vertically growing inputs + height: unset; + align-self: flex-start; + padding-top: 12px; + } + + &--readonly { + .property-text__icon { + padding-top: 10px; + } + } + &__input { + &--readonly { + // Reduce line height but still keep first row aligned to the icon + line-height: 1; + padding-top: calc(var(--default-line-height) / 2 - 0.5lh); + } + textarea { resize: none; } @@ -655,12 +700,29 @@ } } } + + // Fix weird height + &__input { + max-height: 44px; + } } .property-title { - &__input, - &__input input { - font-size: 20px; + &__input, input { + font-weight: bold; + } + + &__input--readonly { + font-size: 18px; + } + } + + // Normalize gaps between all properties. We use outer margins between each row so a padding + // around inputs (from core) is not required. + .property-title, + .property-title-time-picker { + input { + margin: 0; } } @@ -668,16 +730,19 @@ margin-bottom: 5px; } - .illustration-header { - max-height: 150px; - height: 150px; - width: 100%; +} + +.event-popover .event-popover__inner { + .event-popover__response-buttons { + margin-top: 8px; + margin-bottom: 0; } - .illustration-header svg { - width: 100%; - height: 150px; - padding: 8px 8px 0 8px; + .property-text, + .property-title-time-picker { + &__icon { + margin: 0 !important; + } } } @@ -705,27 +770,21 @@ text-align: left; max-width: 480px; width: 480px; - padding: 5px 8px; + padding: 5px 10px 10px 10px; .empty-content { margin-top: 0 !important; padding: 50px 0; } - .illustration-header { - height: 100px; - overflow: hidden; - margin-bottom: 5px; - background-color: var(--color-background-dark); - // There is probably a more elegant solution for this - margin: -5px 0 5px -8px; - width: 496px; - border-top-left-radius: var(--border-radius); - border-top-right-radius: var(--border-radius); + .property-title-time-picker:not(.property-title-time-picker--readonly) { + margin-bottom: 12px; } - .property-title-time-picker { - margin-bottom: 12px; + .event-popover__invitees { + .avatar-participation-status__text { + bottom: 22px; + } } .event-popover__buttons { @@ -824,7 +883,11 @@ display: flex; justify-content: space-between; align-items: center; - margin-top: 20px; + + // Only apply the margin if at least one button is being rendered + &:not(:empty) { + margin-top: 20px; + } } .resource-search-list-item, diff --git a/css/props-linkify-links.scss b/css/props-linkify-links.scss index 42e94ac83..959913947 100644 --- a/css/props-linkify-links.scss +++ b/css/props-linkify-links.scss @@ -8,7 +8,6 @@ cursor: text; width: 100% !important; box-sizing: border-box; - margin-top: 1px !important; padding: 12px; white-space: pre-line; overflow: auto; @@ -19,7 +18,14 @@ max-height: 16em; max-height: calc(100vh - 500px); - a.linkified::after { - content: ' ↗'; + a.linkified { + text-decoration: underline; + + // Prevent misalignment when a linkified line starts with a link, e.g. in the location field + margin: 0; + + &::after { + content: ' ↗'; + } } } diff --git a/img/illustrations/a_day_at_the_park.svg b/img/illustrations/a_day_at_the_park.svg deleted file mode 100644 index 8e1c7a16b..000000000 --- a/img/illustrations/a_day_at_the_park.svg +++ /dev/null @@ -1 +0,0 @@ -a day at the park \ No newline at end of file diff --git a/img/illustrations/a_moment_to_relax.svg b/img/illustrations/a_moment_to_relax.svg deleted file mode 100644 index 2f36d92e3..000000000 --- a/img/illustrations/a_moment_to_relax.svg +++ /dev/null @@ -1 +0,0 @@ -a_moment_to_relax \ No newline at end of file diff --git a/img/illustrations/adventure.svg b/img/illustrations/adventure.svg deleted file mode 100644 index d9eda7450..000000000 --- a/img/illustrations/adventure.svg +++ /dev/null @@ -1 +0,0 @@ -adventure \ No newline at end of file diff --git a/img/illustrations/art_lover.svg b/img/illustrations/art_lover.svg deleted file mode 100644 index 90bf26c6f..000000000 --- a/img/illustrations/art_lover.svg +++ /dev/null @@ -1 +0,0 @@ -art lover \ No newline at end of file diff --git a/img/illustrations/art_museum.svg b/img/illustrations/art_museum.svg deleted file mode 100644 index 25077fce1..000000000 --- a/img/illustrations/art_museum.svg +++ /dev/null @@ -1 +0,0 @@ -ready_to_print \ No newline at end of file diff --git a/img/illustrations/awards.svg b/img/illustrations/awards.svg deleted file mode 100644 index 280335f1f..000000000 --- a/img/illustrations/awards.svg +++ /dev/null @@ -1 +0,0 @@ -awards \ No newline at end of file diff --git a/img/illustrations/barbecue.svg b/img/illustrations/barbecue.svg deleted file mode 100644 index c7b1c03a4..000000000 --- a/img/illustrations/barbecue.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/illustrations/barber.svg b/img/illustrations/barber.svg deleted file mode 100644 index 8c211fc76..000000000 --- a/img/illustrations/barber.svg +++ /dev/null @@ -1 +0,0 @@ -barber \ No newline at end of file diff --git a/img/illustrations/basketball.svg b/img/illustrations/basketball.svg deleted file mode 100644 index 975cfd3a3..000000000 --- a/img/illustrations/basketball.svg +++ /dev/null @@ -1 +0,0 @@ -basketball \ No newline at end of file diff --git a/img/illustrations/bicycle.svg b/img/illustrations/bicycle.svg deleted file mode 100644 index 2fb3927a0..000000000 --- a/img/illustrations/bicycle.svg +++ /dev/null @@ -1 +0,0 @@ -Ride a bicycle \ No newline at end of file diff --git a/img/illustrations/biking.svg b/img/illustrations/biking.svg deleted file mode 100644 index e59dd7b5c..000000000 --- a/img/illustrations/biking.svg +++ /dev/null @@ -1 +0,0 @@ -biking \ No newline at end of file diff --git a/img/illustrations/birthday_cake.svg b/img/illustrations/birthday_cake.svg deleted file mode 100644 index 71841b509..000000000 --- a/img/illustrations/birthday_cake.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/illustrations/business_plan.svg b/img/illustrations/business_plan.svg deleted file mode 100644 index fd9a9fc98..000000000 --- a/img/illustrations/business_plan.svg +++ /dev/null @@ -1 +0,0 @@ -business plan \ No newline at end of file diff --git a/img/illustrations/calendar.svg b/img/illustrations/calendar.svg deleted file mode 100644 index 69e73896e..000000000 --- a/img/illustrations/calendar.svg +++ /dev/null @@ -1 +0,0 @@ -calendar \ No newline at end of file diff --git a/img/illustrations/calling.svg b/img/illustrations/calling.svg deleted file mode 100644 index 5b34585e7..000000000 --- a/img/illustrations/calling.svg +++ /dev/null @@ -1 +0,0 @@ -calling \ No newline at end of file diff --git a/img/illustrations/camera.svg b/img/illustrations/camera.svg deleted file mode 100644 index 8a815bbba..000000000 --- a/img/illustrations/camera.svg +++ /dev/null @@ -1 +0,0 @@ -camera \ No newline at end of file diff --git a/img/illustrations/camping.svg b/img/illustrations/camping.svg deleted file mode 100644 index 2cc9d0e6e..000000000 --- a/img/illustrations/camping.svg +++ /dev/null @@ -1 +0,0 @@ -Camping \ No newline at end of file diff --git a/img/illustrations/candidate.svg b/img/illustrations/candidate.svg deleted file mode 100644 index 22305edf6..000000000 --- a/img/illustrations/candidate.svg +++ /dev/null @@ -1 +0,0 @@ -candidate \ No newline at end of file diff --git a/img/illustrations/celebration.svg b/img/illustrations/celebration.svg deleted file mode 100644 index f0fcc804a..000000000 --- a/img/illustrations/celebration.svg +++ /dev/null @@ -1 +0,0 @@ -celebration \ No newline at end of file diff --git a/img/illustrations/certification.svg b/img/illustrations/certification.svg deleted file mode 100644 index 93cc8481f..000000000 --- a/img/illustrations/certification.svg +++ /dev/null @@ -1 +0,0 @@ -certification \ No newline at end of file diff --git a/img/illustrations/charts.svg b/img/illustrations/charts.svg deleted file mode 100644 index cada5e907..000000000 --- a/img/illustrations/charts.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/illustrations/christmas_tree.svg b/img/illustrations/christmas_tree.svg deleted file mode 100644 index b65ac709b..000000000 --- a/img/illustrations/christmas_tree.svg +++ /dev/null @@ -1 +0,0 @@ -christmas tree \ No newline at end of file diff --git a/img/illustrations/city_driver.svg b/img/illustrations/city_driver.svg deleted file mode 100644 index df0984e9c..000000000 --- a/img/illustrations/city_driver.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/illustrations/collab.svg b/img/illustrations/collab.svg deleted file mode 100644 index ea442bd3c..000000000 --- a/img/illustrations/collab.svg +++ /dev/null @@ -1 +0,0 @@ -collab \ No newline at end of file diff --git a/img/illustrations/compose_music.svg b/img/illustrations/compose_music.svg deleted file mode 100644 index bd519efba..000000000 --- a/img/illustrations/compose_music.svg +++ /dev/null @@ -1 +0,0 @@ -compose music \ No newline at end of file diff --git a/img/illustrations/conference_call.svg b/img/illustrations/conference_call.svg deleted file mode 100644 index 3ffa168be..000000000 --- a/img/illustrations/conference_call.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/illustrations/conference_speaker.svg b/img/illustrations/conference_speaker.svg deleted file mode 100644 index 243dcc1e8..000000000 --- a/img/illustrations/conference_speaker.svg +++ /dev/null @@ -1 +0,0 @@ -conference speaker \ No newline at end of file diff --git a/img/illustrations/creation_process.svg b/img/illustrations/creation_process.svg deleted file mode 100644 index 5ac5d1612..000000000 --- a/img/illustrations/creation_process.svg +++ /dev/null @@ -1 +0,0 @@ -Creation process \ No newline at end of file diff --git a/img/illustrations/dinner.svg b/img/illustrations/dinner.svg deleted file mode 100644 index 2d8b1f46c..000000000 --- a/img/illustrations/dinner.svg +++ /dev/null @@ -1 +0,0 @@ -special_event \ No newline at end of file diff --git a/img/illustrations/doctors.svg b/img/illustrations/doctors.svg deleted file mode 100644 index a95573e25..000000000 --- a/img/illustrations/doctors.svg +++ /dev/null @@ -1 +0,0 @@ -doctors \ No newline at end of file diff --git a/img/illustrations/dog_walking.svg b/img/illustrations/dog_walking.svg deleted file mode 100644 index 278040b5e..000000000 --- a/img/illustrations/dog_walking.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/illustrations/eating_together.svg b/img/illustrations/eating_together.svg deleted file mode 100644 index f7ef6ff8c..000000000 --- a/img/illustrations/eating_together.svg +++ /dev/null @@ -1 +0,0 @@ -eating_together \ No newline at end of file diff --git a/img/illustrations/electric_car.svg b/img/illustrations/electric_car.svg deleted file mode 100644 index a025c6f59..000000000 --- a/img/illustrations/electric_car.svg +++ /dev/null @@ -1 +0,0 @@ -electric_car \ No newline at end of file diff --git a/img/illustrations/empty_cart.svg b/img/illustrations/empty_cart.svg deleted file mode 100644 index 243ab0ce0..000000000 --- a/img/illustrations/empty_cart.svg +++ /dev/null @@ -1 +0,0 @@ -empty_cart \ No newline at end of file diff --git a/img/illustrations/exams.svg b/img/illustrations/exams.svg deleted file mode 100644 index 0ebe66bcb..000000000 --- a/img/illustrations/exams.svg +++ /dev/null @@ -1 +0,0 @@ -exams \ No newline at end of file diff --git a/img/illustrations/exploring.svg b/img/illustrations/exploring.svg deleted file mode 100644 index 316f39fdb..000000000 --- a/img/illustrations/exploring.svg +++ /dev/null @@ -1 +0,0 @@ -exploring \ No newline at end of file diff --git a/img/illustrations/farm_girl.svg b/img/illustrations/farm_girl.svg deleted file mode 100644 index 10d11772f..000000000 --- a/img/illustrations/farm_girl.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/illustrations/finish_line_katerina_limpitsouni.svg b/img/illustrations/finish_line_katerina_limpitsouni.svg deleted file mode 100644 index 424af49a5..000000000 --- a/img/illustrations/finish_line_katerina_limpitsouni.svg +++ /dev/null @@ -1 +0,0 @@ -finish line_katerina_limpitsouni \ No newline at end of file diff --git a/img/illustrations/fireworks.svg b/img/illustrations/fireworks.svg deleted file mode 100644 index 1e92b7146..000000000 --- a/img/illustrations/fireworks.svg +++ /dev/null @@ -1 +0,0 @@ -fireworks \ No newline at end of file diff --git a/img/illustrations/fishing.svg b/img/illustrations/fishing.svg deleted file mode 100644 index ee0eece49..000000000 --- a/img/illustrations/fishing.svg +++ /dev/null @@ -1 +0,0 @@ -fishing \ No newline at end of file diff --git a/img/illustrations/gaming.svg b/img/illustrations/gaming.svg deleted file mode 100644 index 2d5741007..000000000 --- a/img/illustrations/gaming.svg +++ /dev/null @@ -1 +0,0 @@ -gaming \ No newline at end of file diff --git a/img/illustrations/gardening.svg b/img/illustrations/gardening.svg deleted file mode 100644 index 06500219b..000000000 --- a/img/illustrations/gardening.svg +++ /dev/null @@ -1 +0,0 @@ -Gardening \ No newline at end of file diff --git a/img/illustrations/gift.svg b/img/illustrations/gift.svg deleted file mode 100644 index 05f0bb506..000000000 --- a/img/illustrations/gift.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/illustrations/goal.svg b/img/illustrations/goal.svg deleted file mode 100644 index 23bd57982..000000000 --- a/img/illustrations/goal.svg +++ /dev/null @@ -1 +0,0 @@ -goal \ No newline at end of file diff --git a/img/illustrations/golf.svg b/img/illustrations/golf.svg deleted file mode 100644 index 274a2d03a..000000000 --- a/img/illustrations/golf.svg +++ /dev/null @@ -1 +0,0 @@ -golf \ No newline at end of file diff --git a/img/illustrations/graduation.svg b/img/illustrations/graduation.svg deleted file mode 100644 index 3f7deee26..000000000 --- a/img/illustrations/graduation.svg +++ /dev/null @@ -1 +0,0 @@ -Graduation \ No newline at end of file diff --git a/img/illustrations/greek_freak.svg b/img/illustrations/greek_freak.svg deleted file mode 100644 index ca7ed0206..000000000 --- a/img/illustrations/greek_freak.svg +++ /dev/null @@ -1 +0,0 @@ -greek_freak \ No newline at end of file diff --git a/img/illustrations/hiking.svg b/img/illustrations/hiking.svg deleted file mode 100644 index 832b08e7f..000000000 --- a/img/illustrations/hiking.svg +++ /dev/null @@ -1 +0,0 @@ -hiking \ No newline at end of file diff --git a/img/illustrations/home_run.svg b/img/illustrations/home_run.svg deleted file mode 100644 index 3fa49ca92..000000000 --- a/img/illustrations/home_run.svg +++ /dev/null @@ -1 +0,0 @@ -home run \ No newline at end of file diff --git a/img/illustrations/in_the_office.svg b/img/illustrations/in_the_office.svg deleted file mode 100644 index bcf774002..000000000 --- a/img/illustrations/in_the_office.svg +++ /dev/null @@ -1 +0,0 @@ -in_the_office \ No newline at end of file diff --git a/img/illustrations/interview.svg b/img/illustrations/interview.svg deleted file mode 100644 index ac685505e..000000000 --- a/img/illustrations/interview.svg +++ /dev/null @@ -1 +0,0 @@ -interview \ No newline at end of file diff --git a/img/illustrations/into_the_night.svg b/img/illustrations/into_the_night.svg deleted file mode 100644 index 66559eabc..000000000 --- a/img/illustrations/into_the_night.svg +++ /dev/null @@ -1 +0,0 @@ -into the night \ No newline at end of file diff --git a/img/illustrations/journey.svg b/img/illustrations/journey.svg deleted file mode 100644 index 84eabfdc8..000000000 --- a/img/illustrations/journey.svg +++ /dev/null @@ -1 +0,0 @@ -journey \ No newline at end of file diff --git a/img/illustrations/medicine.svg b/img/illustrations/medicine.svg deleted file mode 100644 index fd92d7fdd..000000000 --- a/img/illustrations/medicine.svg +++ /dev/null @@ -1 +0,0 @@ -medicine \ No newline at end of file diff --git a/img/illustrations/meditation.svg b/img/illustrations/meditation.svg deleted file mode 100644 index 603d354ee..000000000 --- a/img/illustrations/meditation.svg +++ /dev/null @@ -1 +0,0 @@ -Meditation \ No newline at end of file diff --git a/img/illustrations/meeting.svg b/img/illustrations/meeting.svg deleted file mode 100644 index bbb5cb6fb..000000000 --- a/img/illustrations/meeting.svg +++ /dev/null @@ -1 +0,0 @@ -Meeting \ No newline at end of file diff --git a/img/illustrations/movie_night.svg b/img/illustrations/movie_night.svg deleted file mode 100644 index 70e458cab..000000000 --- a/img/illustrations/movie_night.svg +++ /dev/null @@ -1 +0,0 @@ -movie night \ No newline at end of file diff --git a/img/illustrations/newsletter.svg b/img/illustrations/newsletter.svg deleted file mode 100644 index 7a8332c39..000000000 --- a/img/illustrations/newsletter.svg +++ /dev/null @@ -1 +0,0 @@ -newsletter \ No newline at end of file diff --git a/img/illustrations/no_data.svg b/img/illustrations/no_data.svg deleted file mode 100644 index eba7afa90..000000000 --- a/img/illustrations/no_data.svg +++ /dev/null @@ -1 +0,0 @@ -no data \ No newline at end of file diff --git a/img/illustrations/old_day.svg b/img/illustrations/old_day.svg deleted file mode 100644 index ef3a4ff7a..000000000 --- a/img/illustrations/old_day.svg +++ /dev/null @@ -1 +0,0 @@ -old_day \ No newline at end of file diff --git a/img/illustrations/outdoor_adventure.svg b/img/illustrations/outdoor_adventure.svg deleted file mode 100644 index 5a42d3aa2..000000000 --- a/img/illustrations/outdoor_adventure.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/illustrations/party.svg b/img/illustrations/party.svg deleted file mode 100644 index 14c63a130..000000000 --- a/img/illustrations/party.svg +++ /dev/null @@ -1 +0,0 @@ -party \ No newline at end of file diff --git a/img/illustrations/pay_online.svg b/img/illustrations/pay_online.svg deleted file mode 100644 index 162e816a5..000000000 --- a/img/illustrations/pay_online.svg +++ /dev/null @@ -1 +0,0 @@ -pay_online \ No newline at end of file diff --git a/img/illustrations/personal_finance.svg b/img/illustrations/personal_finance.svg deleted file mode 100644 index 48f6b4f2f..000000000 --- a/img/illustrations/personal_finance.svg +++ /dev/null @@ -1 +0,0 @@ -personal_finance \ No newline at end of file diff --git a/img/illustrations/personal_trainer.svg b/img/illustrations/personal_trainer.svg deleted file mode 100644 index a569fc555..000000000 --- a/img/illustrations/personal_trainer.svg +++ /dev/null @@ -1 +0,0 @@ -personal trainer \ No newline at end of file diff --git a/img/illustrations/photo_session.svg b/img/illustrations/photo_session.svg deleted file mode 100644 index 74fb30d00..000000000 --- a/img/illustrations/photo_session.svg +++ /dev/null @@ -1 +0,0 @@ -photo_session \ No newline at end of file diff --git a/img/illustrations/pilates.svg b/img/illustrations/pilates.svg deleted file mode 100644 index 6679d8106..000000000 --- a/img/illustrations/pilates.svg +++ /dev/null @@ -1 +0,0 @@ -pilates \ No newline at end of file diff --git a/img/illustrations/pizza_sharing.svg b/img/illustrations/pizza_sharing.svg deleted file mode 100644 index 3b8546e99..000000000 --- a/img/illustrations/pizza_sharing.svg +++ /dev/null @@ -1 +0,0 @@ -pizza sharing \ No newline at end of file diff --git a/img/illustrations/podcast.svg b/img/illustrations/podcast.svg deleted file mode 100644 index c2ecf94ef..000000000 --- a/img/illustrations/podcast.svg +++ /dev/null @@ -1 +0,0 @@ -podcast \ No newline at end of file diff --git a/img/illustrations/presentation.svg b/img/illustrations/presentation.svg deleted file mode 100644 index c4859f4c6..000000000 --- a/img/illustrations/presentation.svg +++ /dev/null @@ -1 +0,0 @@ -Presentation \ No newline at end of file diff --git a/img/illustrations/professor.svg b/img/illustrations/professor.svg deleted file mode 100644 index 6676cbbdc..000000000 --- a/img/illustrations/professor.svg +++ /dev/null @@ -1 +0,0 @@ -professor \ No newline at end of file diff --git a/img/illustrations/relaxation.svg b/img/illustrations/relaxation.svg deleted file mode 100644 index 597ed0bde..000000000 --- a/img/illustrations/relaxation.svg +++ /dev/null @@ -1 +0,0 @@ -relaxation_1 \ No newline at end of file diff --git a/img/illustrations/reviewed_docs.svg b/img/illustrations/reviewed_docs.svg deleted file mode 100644 index 1025f9681..000000000 --- a/img/illustrations/reviewed_docs.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/illustrations/skateboard.svg b/img/illustrations/skateboard.svg deleted file mode 100644 index b5c203dc5..000000000 --- a/img/illustrations/skateboard.svg +++ /dev/null @@ -1 +0,0 @@ -skateboard \ No newline at end of file diff --git a/img/illustrations/studying.svg b/img/illustrations/studying.svg deleted file mode 100644 index b6019add6..000000000 --- a/img/illustrations/studying.svg +++ /dev/null @@ -1 +0,0 @@ -studying \ No newline at end of file diff --git a/img/illustrations/subway.svg b/img/illustrations/subway.svg deleted file mode 100644 index 1f46d9907..000000000 --- a/img/illustrations/subway.svg +++ /dev/null @@ -1 +0,0 @@ -subway \ No newline at end of file diff --git a/img/illustrations/sunlight.svg b/img/illustrations/sunlight.svg deleted file mode 100644 index bb694b18c..000000000 --- a/img/illustrations/sunlight.svg +++ /dev/null @@ -1 +0,0 @@ -sunlight \ No newline at end of file diff --git a/img/illustrations/teaching.svg b/img/illustrations/teaching.svg deleted file mode 100644 index 7d896561d..000000000 --- a/img/illustrations/teaching.svg +++ /dev/null @@ -1 +0,0 @@ -teaching \ No newline at end of file diff --git a/img/illustrations/travel_plans.svg b/img/illustrations/travel_plans.svg deleted file mode 100644 index a38f3d420..000000000 --- a/img/illustrations/travel_plans.svg +++ /dev/null @@ -1 +0,0 @@ -travel_plans \ No newline at end of file diff --git a/img/illustrations/travelers.svg b/img/illustrations/travelers.svg deleted file mode 100644 index 51ce8dfa2..000000000 --- a/img/illustrations/travelers.svg +++ /dev/null @@ -1 +0,0 @@ -travelers \ No newline at end of file diff --git a/img/illustrations/voting.svg b/img/illustrations/voting.svg deleted file mode 100644 index 05a940b96..000000000 --- a/img/illustrations/voting.svg +++ /dev/null @@ -1 +0,0 @@ -voting \ No newline at end of file diff --git a/img/illustrations/wedding.svg b/img/illustrations/wedding.svg deleted file mode 100644 index 9aed8ea55..000000000 --- a/img/illustrations/wedding.svg +++ /dev/null @@ -1 +0,0 @@ -wedding \ No newline at end of file diff --git a/img/illustrations/window_shopping.svg b/img/illustrations/window_shopping.svg deleted file mode 100644 index 21e5e26bc..000000000 --- a/img/illustrations/window_shopping.svg +++ /dev/null @@ -1 +0,0 @@ -window_shopping \ No newline at end of file diff --git a/img/illustrations/wine_tasting.svg b/img/illustrations/wine_tasting.svg deleted file mode 100644 index 46acb6711..000000000 --- a/img/illustrations/wine_tasting.svg +++ /dev/null @@ -1 +0,0 @@ -wine_tasting \ No newline at end of file diff --git a/img/illustrations/working_out.svg b/img/illustrations/working_out.svg deleted file mode 100644 index 298f9d643..000000000 --- a/img/illustrations/working_out.svg +++ /dev/null @@ -1 +0,0 @@ -working_out \ No newline at end of file diff --git a/img/illustrations/working_remotely.svg b/img/illustrations/working_remotely.svg deleted file mode 100644 index d3727f525..000000000 --- a/img/illustrations/working_remotely.svg +++ /dev/null @@ -1 +0,0 @@ -working remotely \ No newline at end of file diff --git a/src/components/Editor/Attachments/AttachmentsList.vue b/src/components/Editor/Attachments/AttachmentsList.vue index 9eafc97f4..e5c33b9d2 100644 --- a/src/components/Editor/Attachments/AttachmentsList.vue +++ b/src/components/Editor/Attachments/AttachmentsList.vue @@ -8,15 +8,15 @@
-
+
{{ n('calendar', '{count} attachment', '{count} attachments', attachments.length, { count: attachments.length }) }}
-
+
{{ t('calendar', 'No attachments') }}
- + @@ -35,9 +35,10 @@
-
    +
      @@ -45,7 +46,8 @@