Make country badge visible
This commit is contained in:
@@ -320,9 +320,22 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
|
||||
white-space: nowrap;
|
||||
}
|
||||
.visitor-summary-row .country-pill {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
border-color: #d9e6df;
|
||||
background: #fbfdfb;
|
||||
}
|
||||
.flag-emoji {
|
||||
font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
}
|
||||
.country-code {
|
||||
color: var(--muted);
|
||||
font-size: 11px;
|
||||
line-height: 1;
|
||||
}
|
||||
.visitor-summary-row .presence-dot {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
|
||||
+2
-1
@@ -508,7 +508,8 @@ function statusButtons(item) {
|
||||
function visitorCountry(item) {
|
||||
const countryCode = item.countryCode || countryFromLanguage(item.language) || countryFromTimezone(item.timezone);
|
||||
const countryFlag = item.countryFlag || flag(countryCode);
|
||||
return countryCode ? `${countryFlag} ${escapeHtml(countryCode)}` : "zeme ?";
|
||||
if (!countryCode) return `<span class="flag-emoji" aria-hidden="true">?</span><strong class="country-code">?</strong>`;
|
||||
return `<span class="flag-emoji" aria-hidden="true">${countryFlag}</span><strong class="country-code">${escapeHtml(countryCode)}</strong>`;
|
||||
}
|
||||
|
||||
function visitorDetails(conversation) {
|
||||
|
||||
Reference in New Issue
Block a user