Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 17:08:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 83

UI – restore arrow to left-positioned dropdown tooltip (#17950)

Browse source 
## Addresses #17949 
<img width="705" alt="Screenshot 2024-03-28 at 5 18 35 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/9e33c768-8687-4201-8961-b2f8839a2b71">


- [x] Manual QA for all new/changed functionality

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
This commit is contained in:
Jacob Shandling 2024-03-29 10:51:35 -07:00 committed by GitHub
parent 0b14641d2e
commit 54e03522d5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx
View file

@ -788,7 +788,9 @@ const ManagePolicyPage = ({
place="left"
positionStrategy="fixed"
offset={24}
opacity={1}
disableStyleInjection
classNameArrow="tooltip-arrow"
>
Available in Fleet Premium
</ReactTooltip5>
@ -806,7 +808,9 @@ const ManagePolicyPage = ({
place="left"
positionStrategy="fixed"
offset={24}
opacity={1}
disableStyleInjection
classNameArrow="tooltip-arrow"
>
Select a team to manage
<br />

9
frontend/pages/policies/ManagePoliciesPage/_styles.scss
View file

@ -42,6 +42,15 @@
font-style: normal;
text-align: center;
}
// arrow styles directly from react-tooltip-5 css
.tooltip-arrow {
width: 8px;
height: 8px;
}
[class*="react-tooltip__place-left"] > .tooltip-arrow {
transform: rotate(315deg);
}
}
}
.Select-control {