wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-05-09 00:42:52 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fixes in the LOVE (#5402)

Browse Source
This commit is contained in:
Alexander Platov 2024-04-19 04:12:22 +03:00 committed by GitHub
parent e68837342b
commit 1192f0347d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/theme/styles/_lumia-colors.scss
View File

@ -67,6 +67,7 @@
--global-accent-SkyText: #B9D1F5;
--global-accent-BackgroundColor: #204DC8;
--global-no-priority-PriorityColor: #8E99AF;
--global-low-PriorityColor: #6493FF;
--global-medium-PriorityColor: #FFBD2E;
--global-high-PriorityColor: #F6684B;
@ -157,6 +158,7 @@
--global-accent-SkyText:#B9D1F5;
--global-accent-BackgroundColor: #3566E2;
--global-no-priority-PriorityColor: #7B879E;
--global-low-PriorityColor: #3566E2;
--global-medium-PriorityColor: #FF9838;
--global-high-PriorityColor: #E9403D;

29
packages/ui/src/components/TooltipInstance.svelte
View File

@ -15,7 +15,7 @@
<script lang="ts">
import { afterUpdate, onDestroy } from 'svelte'
import { resizeObserver } from '../resize'
import { closeTooltip, tooltipstore as tooltip } from '../tooltips'
import { closeTooltip, showTooltip, tooltipstore as tooltip } from '../tooltips'
import type { TooltipAlignment } from '../types'
import Component from './Component.svelte'
import Label from './Label.svelte'
@ -221,19 +221,20 @@
closeTooltip()
}
const whileShow = (ev: MouseEvent): void => {
if ($tooltip.element && tooltipHTML) {
const rectP = tooltipHTML.getBoundingClientRect()
rect = $tooltip.element.getBoundingClientRect()
const dT: number = dir === 'bottom' && $tooltip.kind !== 'submenu' ? 12 : 0
const dB: number = dir === 'top' && $tooltip.kind !== 'submenu' ? 12 : 0
const inTrigger: boolean = ev.x >= rect.left && ev.x <= rect.right && ev.y >= rect.top && ev.y <= rect.bottom
const inPopup: boolean =
ev.x >= rectP.left && ev.x <= rectP.right && ev.y >= rectP.top - dT && ev.y <= rectP.bottom + dB
$: shownTooltip = $tooltip.element && tooltipHTML
if ($tooltip.kind !== 'popup') {
if ((tooltipSW && !inTrigger) || !(inTrigger || inPopup)) hideTooltip()
}
const whileShow = (ev: MouseEvent): void => {
if (!$tooltip.element) return
const rectP = tooltipHTML.getBoundingClientRect()
rect = $tooltip.element.getBoundingClientRect()
const dT: number = dir === 'bottom' && $tooltip.kind !== 'submenu' ? 12 : 0
const dB: number = dir === 'top' && $tooltip.kind !== 'submenu' ? 12 : 0
const inTrigger: boolean = ev.x >= rect.left && ev.x <= rect.right && ev.y >= rect.top && ev.y <= rect.bottom
const inPopup: boolean =
ev.x >= rectP.left && ev.x <= rectP.right && ev.y >= rectP.top - dT && ev.y <= rectP.bottom + dB
if ($tooltip.kind !== 'popup') {
if ((tooltipSW && !inTrigger) || !(inTrigger || inPopup)) hideTooltip()
}
}
@ -274,7 +275,7 @@
}
}}
on:mousemove={(ev) => {
whileShow(ev)
if (shownTooltip) whileShow(ev)
}}
on:keydown={(evt) => {
if (($tooltip.component || $tooltip.label) && evt.key === 'Escape' && $tooltip.kind !== 'popup') {