mirror of
https://github.com/unraid/webgui.git
synced 2026-01-07 01:59:52 -06:00
style: update jquery.sweetalert.css for improved layout and word handling
- Increased max-width of swaltext to 600px for better responsiveness. - Added styles to ensure p tags without pre children break words to prevent overflow.
This commit is contained in:
@@ -34,7 +34,7 @@ pre#swaltext {
|
||||
font-family: clear-sans;
|
||||
text-align: center;
|
||||
width: 90vw;
|
||||
max-width: 480px;
|
||||
max-width: 600px;
|
||||
padding: 2rem;
|
||||
max-height: 95vh;
|
||||
position: fixed;
|
||||
@@ -77,6 +77,12 @@ pre#swaltext {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/* take p tags that don't have a pre child inside and make them break words to prevent overflow */
|
||||
p:not(:has(pre)) {
|
||||
overflow-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user