Miles MacPherson
My feedback
5 results found
-
26 votes
-
11 votes
An error occurred while saving the comment -
3 votes
-
8 votes
-
4 votes
Try putting this code in an HTML part on the footer (don't put it in the header or sidebar those hide when the screen is small). 1) It changes the minimum size of the datapart from 320px to 220px so no more side scrolling. 2) It reduces the size of the padding on overlay windows. 3) It increases the max height of overlay windows so it uses more of the screen.
These changes will also impact desktop but I think it looks better.
<style>
.cas-apppage {
min-width: 220px !important;
}
:root {
--cas-common-modal-padding-block: 12px;
--cas-common-modal-padding-inline: 16px;
--cas-common-modal-gap: 8px;
}
[role="dialog"],
.p-dialog {
max-height: calc(100vh - 100px) !important;
}
.p-dialog .p-dialog-content {
overflow-y: auto !important;
}
</style>