Miles MacPherson
My feedback
5 results found
-
26 votes
Miles MacPherson supported this idea ·
-
11 votes
Miles MacPherson supported this idea ·
An error occurred while saving the comment -
3 votes
Miles MacPherson shared this idea ·
-
8 votes
Miles MacPherson shared this idea ·
-
4 votes
Miles MacPherson shared this idea ·

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>