chore: fix nesting and positioning

This commit is contained in:
kolaente 2022-02-06 19:38:36 +01:00
parent 356b291a57
commit a78ca6fad3
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 13 additions and 13 deletions

View File

@ -174,19 +174,19 @@ const buttonText = computed<string>(() => {
<style lang="scss" scoped>
.datepicker-with-range-container {
position: relative;
}
:deep(.popup) {
z-index: 10;
margin-top: 1rem;
border-radius: $radius;
border: 1px solid var(--grey-200);
background-color: var(--white);
box-shadow: $shadow;
:deep(.popup) {
z-index: 10;
margin-top: 1rem;
border-radius: $radius;
border: 1px solid var(--grey-200);
background-color: var(--white);
box-shadow: $shadow;
&.is-open {
width: 500px;
height: 320px;
}
&.is-open {
width: 500px;
height: 320px;
}
}

View File

@ -588,7 +588,7 @@ export default {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.single-value-control {
display: flex;
align-items: center;
@ -598,7 +598,7 @@ export default {
}
}
.datepicker-with-range-container .popup {
:deep(.datepicker-with-range-container .popup) {
right: 0;
}
</style>