mark
/
prosberry
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change mobile text alignment to left
Deploy to Development and Production / deploy (push) Successful in 18s Details 

- Replaced aggressive justify approach with simple left alignment
- Eliminates all large gap issues on mobile devices
- Improves readability on small screens
- Desktop layout remains unchanged
This commit is contained in:
Mark 2026-02-11 00:20:33 +01:00
parent f5c337cedf
commit 1db04f4fd2
1 changed files with 3 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
css/style.css
View File

@ -7590,7 +7590,7 @@ html, body {
} }
} }
/* Izboljšan popravek za prevelike razmike med besedami na mobilnikih - V3 AGRESIVNO */ /* Popravek za prevelike razmike med besedami na mobilnikih - leva poravnava */
@media (max-width: 768px) { @media (max-width: 768px) {
/* Dodali smo .purpose-goal in li ter splošne razrede */ /* Dodali smo .purpose-goal in li ter splošne razrede */
p, p,
@ -7601,24 +7601,7 @@ html, body {
.step-card p, .step-card p,
.mediation-detail-text p, .mediation-detail-text p,
.article-body-text p { .article-body-text p {
/* 1. Obojestranska poravnava */ /* Leva poravnava za mobilne naprave - preprečuje velike presledke */
text-align: justify !important; text-align: left !important;
/* 2. Distribute za bolj enakomerno razporeditev */
text-justify: distribute;
/* 3. Maksimalno agresivno deljenje besed */
-webkit-hyphens: auto !important;
-moz-hyphens: auto !important;
-ms-hyphens: auto !important;
hyphens: auto !important;
-webkit-hyphenate-limit-chars: 4 2 2;
hyphenate-limit-chars: 4 2 2;
/* 4. Stisni črke in besede */
letter-spacing: -0.5px !important;
word-spacing: -1px !important;
/* 5. Prelomi besede kjerkoli, če je potrebno */
overflow-wrap: break-word;
word-break: break-word;
/* 6. Zadnja vrstica naj bo vedno levo */
text-align-last: left !important;
} }
} }