fix: Removing specific column widths, letting things flex naturally.#14637
Conversation
Codecov Report
@@ Coverage Diff @@
## master #14637 +/- ##
==========================================
- Coverage 77.47% 77.23% -0.25%
==========================================
Files 958 958
Lines 48486 48481 -5
Branches 5679 5681 +2
==========================================
- Hits 37565 37443 -122
- Misses 10721 10838 +117
Partials 200 200
Flags with carried forward coverage won't be shown. Click here to find out more.
Continue to review full report at Codecov.
|
| const [navRightStyle, setNavRightStyle] = useState('nav-right'); | ||
| const [navRightCol, setNavRightCol] = useState(8); | ||
|
|
||
| const { headerSize = 2 } = props; |
There was a problem hiding this comment.
I think that we can remove headerSize from SubMenuProps (line 153), it doesn't seem to be used anymore.
There was a problem hiding this comment.
We can also remove passing headerSize to SubMenu from CssTemplatesList and AnnotationLayersList
…pache#14637) (cherry picked from commit bf90885)
SUMMARY
The SubMenu component was recently re-jiggered to use a grid (row/col) layout, and the text/header was given a fixed width, which caused line-wrapping. This PR uses the Row component's automatic layout to avoid this.
BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF
Before:

After:

TEST PLAN
Go to Alerts and Reports, and make sure you don't see awkward line-wrapping when the browser is narrow.
ADDITIONAL INFORMATION