Make Button Sticky

Strencher · Aug 28, 2024 · c979cfc · c979cfc
1 parent bbf5db4
commit c979cfc
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/InvisibleTyping/components/typingButton.scss b/InvisibleTyping/components/typingButton.scss
@@ -1,6 +1,8 @@
 .invisibleTypingButton svg {
     color: var(--interactive-normal);
     overflow: visible;
+    padding: 4px;
+    margin-top: 5px;
 }
 
 .invisibleTypingButton .disabledStrokeThrough {
@@ -9,9 +11,12 @@
 }
 
 .invisibleTypingButton {
-    margin-top: 3px;
     background: transparent;
 
+    align-self: flex-end;
+    position: sticky;
+    height: var(--custom-channel-textarea-text-area-height);
+
     &:hover:not(.disabled) svg {
         color: var(--interactive-hover);
     }