Skip to content
This repository was archived by the owner on Sep 30, 2024. It is now read-only.

Commit 7396ee0

Browse files
authored
fix chopped-off tooltips in code monitor query input (#63478)
The tooltips for autocomplete and diagnostics in the code monitor query editor were being chopped off due to an `overflow: hidden`. Now they show up. Before (note the tiny vertical border that is part of the tooltip above the text): <img width="402" alt="image" src="https://github.com/sourcegraph/sourcegraph/assets/1976/94523c8c-8e4b-4168-8675-8716b25d4b60"> After: <img width="622" alt="image" src="https://github.com/sourcegraph/sourcegraph/assets/1976/9bc4c4f1-ec1c-4172-a4d2-1518bd0bde91"> ## Test plan Hover over a diagnostic at https://sourcegraph.test:3443/code-monitoring/new and confirm the tooltip shows. ## Changelog - Fixed an issue when creating or editing a code monitor that obscured helpful tooltips in the query editor.
1 parent efcf931 commit 7396ee0

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

client/web/src/enterprise/code-monitoring/components/FormTriggerArea.module.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,8 +43,8 @@
4343
height: calc(1rem + 0.5rem * 2 + 1px * 2); /* 1rem for text, 0.5rem vertical padding, 1px border */
4444
display: flex;
4545
align-items: center;
46-
flex-grow: 1;
47-
overflow: hidden;
46+
flex-grow: 0;
47+
min-width: 0;
4848

4949
&:focus-within {
5050
border: 1px solid var(--input-focus-border-color);

0 commit comments

Comments
 (0)