UX: better position for search bulk select button (#12594)
diff --git a/app/assets/stylesheets/common/base/search.scss b/app/assets/stylesheets/common/base/search.scss
index 5edef7f..19a2a82 100644
--- a/app/assets/stylesheets/common/base/search.scss
+++ b/app/assets/stylesheets/common/base/search.scss
@@ -81,9 +81,26 @@
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
+ padding-right: 2.6em; // placeholder for fixed position bulk search button
button {
margin: 0 0.5em 0.5em 0;
}
+
+ .bulk-select-container {
+ order: 2; // last button
+ margin-left: auto;
+ z-index: z("dropdown"); // below composer
+ }
+
+ #bulk-select {
+ position: fixed;
+ right: unset;
+ margin: 0;
+ button {
+ margin: 0;
+ box-shadow: 0 0 0.4em 0.45em var(--secondary); // slight fade behind the button, because it can overlay content
+ }
+ }
}
.search-notice {
GitHub sha: f8e5df39