fr/website
1
0
Fork 0
Code Issues 2 Pull Requests 2 Actions Activity

Fix code overflow
All checks were successful
Build and Deploy Zola Website / build_and_deploy (push) Successful in 13s
Details
Build Zola Website / build (pull_request) Successful in 20s
Details

Browse Source
This commit is contained in:
Filip Rojek 2024-12-14 23:03:19 +01:00
parent 8a832250a0
commit 28c29f0d30
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
sass/project.scss
View File

@ -1,14 +1,23 @@
//.language-yaml { //.language-yaml {
pre { pre {
display:flex; display: flex; /* Enables flexbox */
align-items: center; align-items: center; /* Vertically centers the content */
min-height: 3rem; justify-content: space-between; /* Allows space for the copy button on the right */
white-space: pre-wrap; max-width: 100%;
word-wrap: break-word;
overflow-x: auto; overflow-x: auto;
padding: .5rem; overflow-y: auto;
margin: .5rem 0; min-height: 3rem; /* Maintains a consistent height */
padding: 0.5rem;
margin: 0.5rem 0;
border-radius: 5px; border-radius: 5px;
white-space: pre; /* Keeps code formatting */
box-sizing: border-box; /* Includes padding in width calculation */
}
code {
display: inline-block;
word-break: break-word; /* Prevents long words from breaking the layout */
white-space: pre-wrap; /* Allows wrapping of long strings */
} }
.project-wrapper { .project-wrapper {