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> <style lang="scss" scoped>
.datepicker-with-range-container { .datepicker-with-range-container {
position: relative; position: relative;
}
:deep(.popup) { :deep(.popup) {
z-index: 10; z-index: 10;
margin-top: 1rem; margin-top: 1rem;
border-radius: $radius; border-radius: $radius;
border: 1px solid var(--grey-200); border: 1px solid var(--grey-200);
background-color: var(--white); background-color: var(--white);
box-shadow: $shadow; box-shadow: $shadow;
&.is-open { &.is-open {
width: 500px; width: 500px;
height: 320px; height: 320px;
}
} }
} }

View File

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