diff --git a/package.json b/package.json index c255e7cc..6d0d8c67 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "impro", - "version": "0.18.105", + "version": "0.18.106", "type": "module", "scripts": { "start": "rm -rf \"${BUILD_DIR:-build}\" && NODE_ENV=development eleventy --serve", diff --git a/src/css/style.css b/src/css/style.css index e6a5172d..b6a7408f 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -934,13 +934,22 @@ header { } .header .header-title { + display: flex; + align-items: center; + min-width: 0; font-size: 18px; font-weight: 600; } +.header .header-title-text { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + .header .header-title-muted-icon { display: inline-flex; - vertical-align: -3px; + flex-shrink: 0; width: 16px; height: 16px; margin-left: 6px; @@ -953,6 +962,9 @@ header { } .header .header-subtitle { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; font-size: 13px; color: var(--text-color-muted); font-weight: 400; @@ -3849,6 +3861,10 @@ image-carousel { text-align: center; } +.chat-info-panel .profile-follows-you { + margin-top: 4px; +} + .chat-info-panel > .avatar .avatar-image-frame, .chat-info-panel-avatars > .avatar .avatar-image-frame { width: var(--avatar-size-chat-info-panel); diff --git a/src/js/templates/header.template.js b/src/js/templates/header.template.js index 008d0e07..5e5d3dcd 100644 --- a/src/js/templates/header.template.js +++ b/src/js/templates/header.template.js @@ -19,9 +19,8 @@ function avatarAndTitleTemplate({ data-testid="header-title-container" > ${title}${titleRightItemTemplate - ? titleRightItemTemplate() - : ""}${title}${titleRightItemTemplate ? titleRightItemTemplate() : ""} ${subtitle ? html`