Skip to content

Commit ca911f0

Browse files
authored
Fix tooltip cutoff (#2936)
We introduced a tooltip for search in #2758 This works fine with the default settings (displaying the "New" button), however, if you have disabled "New" routes the tooltip is nearer the right edge of the screen and the tooltip is cutoff. We fix this by aligning the tooltip to the right, such that even if there is no "New" button the full tooltip is still displayed.
1 parent fb51712 commit ca911f0

File tree

3 files changed

+5
-5
lines changed

3 files changed

+5
-5
lines changed

app/assets/builds/administrate/application.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

app/assets/builds/administrate/application.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

app/assets/stylesheets/administrate/components/_search.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -74,12 +74,12 @@ $search-icon-size: 1rem;
7474

7575
/* stylelint-disable property-no-unknown */
7676
.search__tooltip-popover-positioning {
77-
left: anchor(center);
77+
left: anchor(right);
7878
margin: 1rem;
7979
position: fixed;
8080
position-anchor: --tooltip-anchor;
8181
top: anchor(bottom);
82-
transform: translateX(-50%);
82+
transform: translateX(-100%);
8383
}
8484

8585
.search__tooltip-popover-value {

0 commit comments

Comments
 (0)