commit db38d7f281eb87247488cdd8ac423392c3536fbf
author Adrià Vilanova Martínez <me@avm99963.com> Tue Jan 10 22:40:58 2023 +0100
committer Adrià Vilanova Martínez <me@avm99963.com> Tue Jan 10 22:40:58 2023 +0100
tree f7d43c17de3bb35e37331acf7ccb782e9864ec07
parent 115e3d82e35d01bf931468fb6b0e1531f5bddaf5

Flatten threads: minor improvements

- Scroll the reply box to the bottom, so the cursor is visible before
  composing the reply.
- Always show the "more" button in quotes when the user can't hover the
  quote box.

Bug: twpowertools:153
Change-Id: I26a03f3d3aaf8a278a7a641978dfd19274e4d356

src/contentScripts/communityConsole/flattenThreads/components/ReplyButton.js

diff --git a/src/contentScripts/communityConsole/flattenThreads/components/ReplyButton.js b/src/contentScripts/communityConsole/flattenThreads/components/ReplyButton.js
index 681c433..a5bf48d 100644
--- a/src/contentScripts/communityConsole/flattenThreads/components/ReplyButton.js
+++ b/src/contentScripts/communityConsole/flattenThreads/components/ReplyButton.js
@@ -92,6 +92,7 @@
           editor?.querySelector('.scTailwindSharedRichtexteditoreditor');
 
       payload.prepend(...this.#defaultReply(messagePayload.innerHTML));
+      payload.scrollTop = payload.scrollHeight;
     });
   }
 }

src/contentScripts/communityConsole/flattenThreads/components/index.js

diff --git a/src/contentScripts/communityConsole/flattenThreads/components/index.js b/src/contentScripts/communityConsole/flattenThreads/components/index.js
index 08f1d18..8060a07 100644
--- a/src/contentScripts/communityConsole/flattenThreads/components/index.js
+++ b/src/contentScripts/communityConsole/flattenThreads/components/index.js
@@ -74,8 +74,12 @@
       transition: opacity .25s;
     }
 
-    .quote-container:not(:hover) .buttons-row:not(:has(md-tonal-button:focus)) {
-      opacity: 0;
+    @media (hover: hover) {
+      @supports selector(:has(div)) {
+        .quote-container:not(:hover) .buttons-row:not(:has(md-tonal-button:focus)) {
+          opacity: 0;
+        }
+      }
     }
 
     .buttons-row md-tonal-button {