diff --git a/frontend/package.json b/frontend/package.json index 2602d43ec..ed59e0383 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -1,6 +1,6 @@ { "name": "zzimkkong-frontend", - "version": "1.4.3", + "version": "1.4.4", "main": "src/index.tsx", "license": "MIT", "homepage": "https://github.com/woowacourse-teams/2021-zzimkkong", diff --git a/frontend/src/components/TimePicker/TimePicker.styles.ts b/frontend/src/components/TimePicker/TimePicker.styles.ts index 0299550dc..155657b96 100644 --- a/frontend/src/components/TimePicker/TimePicker.styles.ts +++ b/frontend/src/components/TimePicker/TimePicker.styles.ts @@ -28,7 +28,7 @@ const labelTextCSS = (labelText: string) => css` export const Container = styled.div` position: relative; - z-index: ${Z_INDEX.TIME_PICKER}; + z-index: ${Z_INDEX.TIME_PICKER_CONTAINER}; `; export const TimeContainer = styled.div` @@ -70,6 +70,7 @@ export const OptionsContainer = styled.div` width: 100%; position: absolute; user-select: none; + z-index: ${Z_INDEX.TIME_PICKER_OPTIONS_CONTAINER}; `; export const Dimmer = styled.div` diff --git a/frontend/src/constants/style.ts b/frontend/src/constants/style.ts index ea04c3a79..623c84e96 100644 --- a/frontend/src/constants/style.ts +++ b/frontend/src/constants/style.ts @@ -3,8 +3,9 @@ export const Z_INDEX = { DRAWER_CONTENT: 151, DRAWER_DIMMER: 150, HEADER: 120, - RESERVATION_BUTTON: 102, - TIME_PICKER: 101, + RESERVATION_BUTTON: 103, + TIME_PICKER_OPTIONS_CONTAINER: 102, + TIME_PICKER_CONTAINER: 101, TIME_PICKER_DIMMER: 100, SELECT_LIST_BOX_BUTTON: 50, SELECT_LIST_BOX: 49,