diff --git a/assets/public/politictalk/politictalk_logo_text.svg b/assets/public/politictalk/politictalk_logo_text.svg new file mode 100644 index 0000000..0bd701a --- /dev/null +++ b/assets/public/politictalk/politictalk_logo_text.svg @@ -0,0 +1,2329 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/plugin.head.html b/web/plugin.head.html index 26ff2ab..54eaa7e 100644 --- a/web/plugin.head.html +++ b/web/plugin.head.html @@ -183,7 +183,6 @@ .politictalk-room-logo { align-items: center; display: flex; - gap: 12px; height: 64px; justify-content: flex-start; left: max(20px, env(safe-area-inset-left)); @@ -191,26 +190,22 @@ position: fixed; text-decoration: none; top: max(20px, env(safe-area-inset-top)); - width: auto; + width: min(202px, calc(100vw - 40px)); z-index: 20; } .politictalk-room-logo img { display: block; - flex: 0 0 64px; + flex: 0 1 auto; height: 64px; + max-width: 100%; object-fit: contain; - width: 64px; + object-position: left center; + width: auto; } .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; + display: none; } @media (prefers-color-scheme: light) { @@ -227,11 +222,6 @@ background-image: url('/images/politictalk/pt_bg_light.png') !important; } - .politictalk-room-logo__text { - color: #63477a; - text-shadow: 0 1px 4px rgba(255, 255, 255, 0.62); - } - html:not(.politictalk-direct-access-blocked) #sideToolbarContainer, html:not(.politictalk-direct-access-blocked) .sideToolbarContainer, html:not(.politictalk-direct-access-blocked) .chat-panel, @@ -654,25 +644,17 @@ } .politictalk-room-logo { - gap: 10px; height: 48px; left: max(14px, env(safe-area-inset-left)); top: max(18px, env(safe-area-inset-top)); - max-width: calc(100vw - 28px); + width: min(150px, calc(100vw - 28px)); } .politictalk-room-logo img { - flex-basis: 48px; + flex-basis: auto; height: 48px; - width: 48px; - } - - .politictalk-room-logo__text { - display: block; - font-size: 21px; - max-width: calc(100vw - 86px); - overflow: hidden; - text-overflow: ellipsis; + max-width: 100%; + width: auto; } .details-container { @@ -2644,15 +2626,10 @@ link.target = '_blank'; var image = document.createElement('img'); - image.alt = 'Parallel Globe'; - image.src = '/images/politictalk/pgLogo.svg'; - - var label = document.createElement('span'); - label.className = 'politictalk-room-logo__text'; - label.textContent = 'PoliticTalk'; + image.alt = 'PoliticTalk'; + image.src = '/images/politictalk/politictalk_logo_text.svg'; link.appendChild(image); - link.appendChild(label); document.body.appendChild(link); }