Hi Team,
I am using below css code as static resource to increase the height of Quick action(LWC cmp) but it changing the location of popup rather increasing the height. Can someone suggest on how to increase height of quick action?
.slds-modal__container{
height: 80% !important;
max-height: 120% !important;
}
@Siva Nanda
HTmL
<!-- YourComponent.html -->
<template>
<div class="custom-modal-container">
<!-- your quick action content -->
</div>
</template>
css
/* YourComponent.css */
.custom-modal-container .slds-modal__container {
height: 80vh; /* Using viewport height units may give you better control */
max-height: 120vh;
}
js:
// YourComponent.js
renderedCallback() {
const modalContainer = this.template.querySelector('.slds-modal__container');
if (modalContainer) {
modalContainer.style.height = '80vh';
modalContainer.style.maxHeight = '120vh';
}
}
Using viewport height units may give you better control
