UX: keep composer actions above AI input icons (#1291)

awesomerobot · web-flow · commit 51a0516aa8c4 · 2025-04-28T10:45:28.000-04:00
* UX: keep composer actions above AI input icons

* update comment
diff --git a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
@@ -277,10 +277,11 @@
 }
 
 #reply-control {
+  .reply-details,
   .composer-popup {
     // need to raise the z-index here
     // because we need another layer to put the AI icon above dropdowns
-    // while also keeping them below the composer tips
+    // while also keeping them below the composer tips and reply details dropdowns
     z-index: z("composer", "dropdown") + 2;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -277,10 +277,11 @@`
`277`	`277`	`}`
`278`	`278`
`279`	`279`	`#reply-control {`
	`280`	`+ .reply-details,`
`280`	`281`	`.composer-popup {`
`281`	`282`	`// need to raise the z-index here`
`282`	`283`	`// because we need another layer to put the AI icon above dropdowns`
`283`		`- // while also keeping them below the composer tips`
	`284`	`+ // while also keeping them below the composer tips and reply details dropdowns`
`284`	`285`	`z-index: z("composer", "dropdown") + 2;`
`285`	`286`	`}`
`286`	`287`