chore: fix nesting and positioning
This commit is contained in:
parent
356b291a57
commit
a78ca6fad3
2 changed files with 13 additions and 13 deletions
|
@ -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;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue