empayre/fleet
14
0
Fork 0
mirror of https://github.com/empayre/fleet.git synced 2024-11-06 17:05:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fleet UI: Safari hack to be able to triple click tooltip (#9466)

Browse Source
This commit is contained in:
RachelElysia 2023-01-24 10:04:47 -05:00 committed by GitHub
parent 357c0484fc
commit d9165084eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/components/TableContainer/DataTable/TruncatedTextCell/TruncatedTextCell.tsx
View File

@ -55,7 +55,11 @@ const TruncatedTextCell = ({
clickable
delayHide={200} // need delay set to hover using clickable
>
<>
{value}
<div className="safari-hack">&nbsp;</div>
{/* Fixes triple click selecting next element in Safari */}
</>
</ReactTooltip>
</div>
);

4
frontend/components/TableContainer/DataTable/TruncatedTextCell/_styles.scss
View File

@ -27,6 +27,10 @@
overflow-wrap: break-word;
display: block;
white-space: pre-wrap;
.safari-hack {
height: 0px;
}
}
@media (min-width: $break-990) {