Fix UI issues with calendar invites, #1355

tutao · Aug 10, 2020 · 1243215 · 1243215
1 parent 319378a
commit 1243215
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/calendar/CalendarEventEditDialog.js b/src/calendar/CalendarEventEditDialog.js
@@ -13,7 +13,7 @@ import {Icons} from "../gui/base/icons/Icons"
 import type {CalendarEvent} from "../api/entities/tutanota/CalendarEvent"
 import {downcast, memoized, noOp} from "../api/common/utils/Utils"
 import type {ButtonAttrs} from "../gui/base/ButtonN"
-import {ButtonN, ButtonType} from "../gui/base/ButtonN"
+import {ButtonColors, ButtonN, ButtonType} from "../gui/base/ButtonN"
 import type {CalendarAttendeeStatusEnum} from "../api/common/TutanotaConstants"
 import {AlarmInterval, CalendarAttendeeStatus, EndType, Keys, RepeatPeriod} from "../api/common/TutanotaConstants"
 import {findAndRemove, numberRange, remove} from "../api/common/utils/ArrayUtils"
@@ -109,6 +109,7 @@ export function showCalendarEventDialog(date: Date, calendars: Map<Id, CalendarI
 			isSelected: () => editorOptions.enabled,
 			noBubble: true,
 			type: ButtonType.Toggle,
+			colors: ButtonColors.Elevated,
 		})
 	)
 		.setMinHeight(400)

diff --git a/src/calendar/CalendarEventPopup.js b/src/calendar/CalendarEventPopup.js
@@ -44,7 +44,7 @@ export class CalendarEventPopup implements ModalComponent {
 	}
 
 	view(vnode: Vnode<any>) {
-		return m(".abs.content-bg.plr.border-radius.dropdown-shadow", {
+		return m(".abs.elevated-bg.plr.border-radius.dropdown-shadow", {
 				style: {
 					width: px(Math.min(window.innerWidth, 400)),
 					opacity: "0", // see hack description below