This is an automated email from the ASF dual-hosted git repository.
linxinyuan pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/texera.git
The following commit(s) were added to refs/heads/main by this push:
new c6965b95aa fix: allow navigation menu to adapt to screen width (#3722)
c6965b95aa is described below
commit c6965b95aa58dd1c07124e992a95ad48cf08f21c
Author: Seongjin Yoon <[email protected]>
AuthorDate: Tue Sep 9 19:48:27 2025 -0700
fix: allow navigation menu to adapt to screen width (#3722)
**Description:**
Navigation menu adapts to width changes
**Problem:**
The introduction of the Computing Unit button in the navigation menu in
workflows caused it to not adapt properly with screen width, breaking
the layout.
**Solution:**
Updated `#expanded-utilities` max width
Updated `#utilities-dropdown-button` min width
Cleaned up duplicate CSS in menu component
Closes #3561
https://github.com/user-attachments/assets/fe9fb886-af00-4f36-9b5c-df9befa823c0
Co-authored-by: Seongjin Yoon <[email protected]>
---
core/gui/src/app/workspace/component/menu/menu.component.scss | 11 ++---------
1 file changed, 2 insertions(+), 9 deletions(-)
diff --git a/core/gui/src/app/workspace/component/menu/menu.component.scss
b/core/gui/src/app/workspace/component/menu/menu.component.scss
index e3abf47a02..f1e2b1888f 100644
--- a/core/gui/src/app/workspace/component/menu/menu.component.scss
+++ b/core/gui/src/app/workspace/component/menu/menu.component.scss
@@ -153,20 +153,13 @@ i {
#expanded-utilities {
display: inline-block;
- @media screen and (max-width: 1024px) {
- display: none;
- }
-}
-
-#expanded-utilities {
- display: inline-block;
- @media screen and (max-width: 960px) {
+ @media screen and (max-width: 1250px) {
display: none;
}
}
#utilities-dropdown-button {
- @media screen and (min-width: 961px) {
+ @media screen and (min-width: 1251px) {
display: none;
}
}
