Merge pull request #521 from H7GhosT/fix/transcribe-on-top-of-comments

morethanwords · web-flow · commit de233f8381b2 · 2025-11-05T22:23:55.000+07:00
Fix transcribe button being on top of replies
diff --git a/src/scss/partials/_chatBubble.scss b/src/scss/partials/_chatBubble.scss
@@ -532,9 +532,15 @@
     &--transcribe {
       font-size: 1.375rem;
     }
+
     &--lifted {
       bottom: calc(var(--message-beside-button-size) + 0.25rem);
     }
+
+    .with-beside-replies &--lifted {
+      bottom: 0;
+      inset-inline-end: calc(var(--message-beside-button-margin) - var(--message-beside-button-size) - 0.25rem);
+    }
   }
 
   &-view-button {

Original file line number	Diff line number	Diff line change
`@@ -532,9 +532,15 @@`
`532`	`532`	`&--transcribe {`
`533`	`533`	`font-size: 1.375rem;`
`534`	`534`	`}`
	`535`	`+`
`535`	`536`	`&--lifted {`
`536`	`537`	`bottom: calc(var(--message-beside-button-size) + 0.25rem);`
`537`	`538`	`}`
	`539`	`+`
	`540`	`+ .with-beside-replies &--lifted {`
	`541`	`+ bottom: 0;`
	`542`	`+ inset-inline-end: calc(var(--message-beside-button-margin) - var(--message-beside-button-size) - 0.25rem);`
	`543`	`+ }`
`538`	`544`	`}`
`539`	`545`
`540`	`546`	`&-view-button {`