UX: fix cmd-k bottom padding (#34440)

chapoi · web-flow · commit f698bb9088ee · 2025-08-20T16:45:39.000+02:00
Moved some things around to fix the lack of bottom padding while searching for results: <img width="1706" height="398" alt="CleanShot 2025-08-20 at 15 58 32@2x" src="https://github.com/user-attachments/assets/c67f2c35-719d-4a3d-98ee-191353a476e2" /> 🔽 <img width="1706" height="398" alt="CleanShot 2025-08-20 at 15 52 13@2x" src="https://github.com/user-attachments/assets/65869c9d-06b7-4dd9-b5ef-156e320a798a" />
diff --git a/app/assets/stylesheets/common/base/modal.scss b/app/assets/stylesheets/common/base/modal.scss
@@ -19,9 +19,9 @@ html.keyboard-visible.mobile-view {
   }
 }
 
-html:not(.keyboard-visible.mobile-view) {
+html:not(.keyboard-visible).mobile-device {
   .d-modal__container {
-    padding-bottom: env(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom, 1rem);
   }
 }
 
diff --git a/plugins/chat/assets/stylesheets/common/chat-message-creator.scss b/plugins/chat/assets/stylesheets/common/chat-message-creator.scss
@@ -6,6 +6,10 @@
     box-sizing: border-box;
   }
 
+  &__list-container {
+    margin-top: var(--space-4);
+  }
+
   &__add-members {
     display: flex;
     gap: 1rem;
@@ -99,6 +103,7 @@
       flex-grow: 1;
       padding-bottom: 0.5rem;
       border-bottom: 1px solid var(--content-border-color);
+      margin-bottom: var(--space-4);
     }
 
     &__input {
diff --git a/plugins/chat/assets/stylesheets/common/chat-modal-new-message.scss b/plugins/chat/assets/stylesheets/common/chat-modal-new-message.scss
@@ -8,7 +8,6 @@
   .chat-message-creator__new-group {
     display: flex;
     flex-direction: column;
-    gap: 0.5rem;
   }
 
   .chat-message-creator__add-members-header-container {

Original file line number	Diff line number	Diff line change
`@@ -19,9 +19,9 @@ html.keyboard-visible.mobile-view {`
`19`	`19`	`}`
`20`	`20`	`}`
`21`	`21`
`22`		`-html:not(.keyboard-visible.mobile-view) {`
	`22`	`+html:not(.keyboard-visible).mobile-device {`
`23`	`23`	`.d-modal__container {`
`24`		`- padding-bottom: env(safe-area-inset-bottom);`
	`24`	`+ padding-bottom: env(safe-area-inset-bottom, 1rem);`
`25`	`25`	`}`
`26`	`26`	`}`
`27`	`27`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,6 @@`
`8`	`8`	`.chat-message-creator__new-group {`
`9`	`9`	`display: flex;`
`10`	`10`	`flex-direction: column;`
`11`		`- gap: 0.5rem;`
`12`	`11`	`}`
`13`	`12`
`14`	`13`	`.chat-message-creator__add-members-header-container {`