fix: handle long text in COUNTDOWN_TIMEZONES
This commit is contained in:
+8
-5
@@ -103,7 +103,7 @@ body {
|
|||||||
.countdown-other-timezones {
|
.countdown-other-timezones {
|
||||||
margin: 25px 0;
|
margin: 25px 0;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
@@ -150,9 +150,12 @@ body {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #FF0000;
|
color: #FF0000;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-size: 0.85rem;
|
font-size: 0.8rem;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.5px;
|
letter-spacing: 0.3px;
|
||||||
|
line-height: 1.1;
|
||||||
|
word-wrap: break-word;
|
||||||
|
overflow-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.timezone-time {
|
.timezone-time {
|
||||||
@@ -252,7 +255,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.countdown-other-timezones {
|
.countdown-other-timezones {
|
||||||
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -301,7 +304,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.countdown-other-timezones {
|
.countdown-other-timezones {
|
||||||
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user