diff --git a/package.json b/package.json index 2b2161091..7e0ffbeeb 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "calckey", - "version": "13.0.7.3", + "version": "13.0.7.4", "codename": "aqua", "repository": { "type": "git", diff --git a/packages/client/src/components/MkInstanceTicker.vue b/packages/client/src/components/MkInstanceTicker.vue index bb3922a45..351a329f0 100644 --- a/packages/client/src/components/MkInstanceTicker.vue +++ b/packages/client/src/components/MkInstanceTicker.vue @@ -6,7 +6,6 @@ @@ -40,7 +39,6 @@ const bg = { justify-self: flex-end; padding: .1em .7em; border-radius: 100px; - background-color: var(--accentedBg); font-size: .8em; text-shadow: 0 2px 2px black; diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue index c1a995f63..fa9e0e982 100644 --- a/packages/client/src/components/MkNote.vue +++ b/packages/client/src/components/MkNote.vue @@ -438,7 +438,7 @@ function readPromo() { flex-shrink: 0; display: block; margin: 0 14px 8px 0; - grid-row: 1 / span 2; + grid-row: 1 / 2; width: 48px; height: 48px; position: relative; @@ -471,7 +471,7 @@ function readPromo() { } > .name { - font-size: 1.2em; + font-size: 1.2em !important; } > .ticker { diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue index 4e0e01417..927ef2b86 100644 --- a/packages/client/src/components/MkNoteDetailed.vue +++ b/packages/client/src/components/MkNoteDetailed.vue @@ -465,13 +465,39 @@ if (appearNote.replyId) { > .main { + > .header { + display: contents; + } + > :not(.ticker) { - grid-column: 1 / span 3; + grid-column: 1 / 3; width: 100%; max-width: 100%; - // overflow hidden } + + > .name, .info { + grid-row: 1; + } + + > .username, .ticker { + grid-row: 2; + align-self: flex-start; + } + + > .name { + font-size: 1.2em !important; + } + + > .ticker { + font-size: 0.9em; + } + > .body { + margin-top: .2em; + overflow: hidden; + margin-inline: -100px; + padding-inline: 100px; + > .cw { cursor: default; display: block;