diff --git a/theatre/studio/src/toolbars/GlobalToolbar.tsx b/theatre/studio/src/toolbars/GlobalToolbar.tsx index 8802c4f..864edce 100644 --- a/theatre/studio/src/toolbars/GlobalToolbar.tsx +++ b/theatre/studio/src/toolbars/GlobalToolbar.tsx @@ -105,6 +105,14 @@ const GlobalToolbar: React.FC = () => { constraints: { maxX: triggerBounds.right, maxY: 8, + // MVP: Don't render the more menu all the way to the left + // when it doesn't fit on the screen height + // See https://linear.app/theatre/issue/P-178/bug-broken-updater-ui-in-simple-html-page + // 1/10 There's a better way to solve this. + // 1/10 Perhaps consider separate constraint like "rightSideMinX" & for future: "bottomSideMinY" + // 2/10 Or, consider constraints being a function of the dimensions of the box => constraints. + minX: triggerBounds.left - 140, + minY: 8, }, verticalGap: 2, } diff --git a/theatre/studio/src/toolbars/MoreMenu/MoreMenu.tsx b/theatre/studio/src/toolbars/MoreMenu/MoreMenu.tsx index dc063dd..fbbad97 100644 --- a/theatre/studio/src/toolbars/MoreMenu/MoreMenu.tsx +++ b/theatre/studio/src/toolbars/MoreMenu/MoreMenu.tsx @@ -22,6 +22,13 @@ const Container = styled.div` @supports not (backdrop-filter: blur()) { background-color: rgba(42, 45, 50, 0.98); } + + color: rgba(255, 255, 255, 0.9); + + & a { + // Fix colors of links to not be default + color: inherit; + } ` const Item = styled.div`