This commit is contained in:
2026-05-17 23:20:09 +05:30
parent fe54d1c9e6
commit 90ccbb20bc

View File

@@ -2,21 +2,34 @@
.politictalk-room-logo { .politictalk-room-logo {
align-items: center; align-items: center;
display: flex; display: flex;
gap: 12px;
height: 64px; height: 64px;
justify-content: center; justify-content: flex-start;
left: max(20px, env(safe-area-inset-left)); left: max(20px, env(safe-area-inset-left));
opacity: 0.96; opacity: 0.96;
position: fixed; position: fixed;
text-decoration: none;
top: max(20px, env(safe-area-inset-top)); top: max(20px, env(safe-area-inset-top));
width: 64px; width: auto;
z-index: 2147483000; z-index: 2147483000;
} }
.politictalk-room-logo img { .politictalk-room-logo img {
display: block; display: block;
height: 100%; flex: 0 0 64px;
height: 64px;
object-fit: contain; object-fit: contain;
width: 100%; width: 64px;
}
.politictalk-room-logo__text {
color: #ffffff;
font-size: 24px;
font-weight: 700;
letter-spacing: 0;
line-height: 1;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
white-space: nowrap;
} }
html.politictalk-direct-access-blocked, html.politictalk-direct-access-blocked,
@@ -100,12 +113,22 @@
@media (max-width: 640px) { @media (max-width: 640px) {
.politictalk-room-logo { .politictalk-room-logo {
gap: 10px;
height: 52px; height: 52px;
left: max(12px, env(safe-area-inset-left)); left: max(12px, env(safe-area-inset-left));
top: max(12px, env(safe-area-inset-top)); top: max(12px, env(safe-area-inset-top));
}
.politictalk-room-logo img {
flex-basis: 52px;
height: 52px;
width: 52px; width: 52px;
} }
.politictalk-room-logo__text {
font-size: 20px;
}
.politictalk-direct-access { .politictalk-direct-access {
align-items: flex-start; align-items: flex-start;
padding: 132px 18px 18px; padding: 132px 18px 18px;
@@ -314,9 +337,14 @@
var image = document.createElement('img'); var image = document.createElement('img');
image.alt = 'Parallel Globe'; image.alt = 'Parallel Globe';
image.src = '/images/politictalk/pg_globe.png'; image.src = '/images/politictalk/pgLogo.svg';
var label = document.createElement('span');
label.className = 'politictalk-room-logo__text';
label.textContent = 'PoliticTalk';
link.appendChild(image); link.appendChild(image);
link.appendChild(label);
document.body.appendChild(link); document.body.appendChild(link);
} }