diff --git a/Resources/Scripts/code.js b/Resources/Scripts/code.js index 1f672fdb..feaaad6f 100644 --- a/Resources/Scripts/code.js +++ b/Resources/Scripts/code.js @@ -280,6 +280,7 @@ html.children().first().addClass("td-notification-padded"); } else if (type.includes("list_member")){ + html.children().first().addClass("td-notification-padded td-notification-padded-alt"); html.find(".activity-header").css("margin-top", "2px"); html.find(".avatar").first().css("margin-bottom", "0"); } diff --git a/Resources/Scripts/styles/browser.css b/Resources/Scripts/styles/browser.css index 68f089af..51706ab3 100644 --- a/Resources/Scripts/styles/browser.css +++ b/Resources/Scripts/styles/browser.css @@ -174,23 +174,46 @@ html[data-td-theme='dark'] .stream-item:not(:hover) .js-user-actions-menu { opacity: 0.25; } -.stream-item[data-key^="favorite"] .has-source-avatar .item-img, .stream-item[data-key^="retweet"] .has-source-avatar .item-img { +.stream-item[data-key^="favorite"] .has-source-avatar .item-img, +.stream-item[data-key^="retweet"] .has-source-avatar .item-img { position: absolute; left: 21px; top: 48px; width: 0 !important; } -.stream-item[data-key^="favorite"] .has-source-avatar > .nbfc, .stream-item[data-key^="retweet"] .has-source-avatar > .nbfc { +.stream-item[data-key^="favorite"] .has-source-avatar > .nbfc, +.stream-item[data-key^="retweet"] .has-source-avatar > .nbfc { margin-left: 46px; line-height: unset !important; } -.stream-item[data-key^="favorite"] .has-source-avatar > .nbfc > .avatar, .stream-item[data-key^="retweet"] .has-source-avatar > .nbfc > .avatar { +.stream-item[data-key^="favorite"] .has-source-avatar > .nbfc > .avatar, +.stream-item[data-key^="retweet"] .has-source-avatar > .nbfc > .avatar { position: absolute; margin-left: -34px; } +.stream-item[data-key^="list_"] .activity-header .item-img { + position: relative; + left: 10px; + top: 2px; + width: 0 !important; +} + +.stream-item[data-key^="list_"] .activity-header > .nbfc { + margin-left: 46px; + padding-bottom: 0 !important; + min-height: 30px !important; + line-height: unset !important; +} + +.stream-item[data-key^="list_"] .activity-header > .nbfc > .avatar { + position: absolute; + margin-left: -34px; + padding-top: 1px; +} + /***********************/ /* Tweaks for features */ /***********************/ diff --git a/Resources/Scripts/styles/notification.css b/Resources/Scripts/styles/notification.css index 8e258947..935f9e0d 100644 --- a/Resources/Scripts/styles/notification.css +++ b/Resources/Scripts/styles/notification.css @@ -122,6 +122,18 @@ html[data-td-font='smallest'] .fullname-badged:before, html[data-td-font='small' margin-left: -34px; } +.td-notification-padded-alt .item-img { + /* td-notification-padded-alt is used alongside td-notification-padded to save space in the file */ + position: relative; + left: 10px; + top: 2px; + width: 0 !important; +} + +.td-notification-padded-alt .activity-header > .nbfc > .avatar { + padding-top: 1px; +} + /*********/ /* Media */ /*********/