fix: priority display

Resolved #1445
This commit is contained in:
Tienson Qin
2021-03-11 20:58:33 +08:00
parent 0a6310f86d
commit b2d72ad9a2
4 changed files with 22 additions and 0 deletions

View File

@@ -777,6 +777,10 @@ a {
transition: .3s;
}
a.tooltip-priority {
transition: none;
}
.page-reference:hover {
background: var(--ls-secondary-background-color);
}

View File

@@ -11,5 +11,6 @@
@import "./datepicker.css";
@import "./highlight.css";
@import "./tailwind.core.css"; /* Build by gulp. Check `_buildTailwind` for more detail */
@import "./tooltip.css";
@import "./common.css";
@import "./tailwind.build.css"; /* Build by gulp. Check `_buildTailwind` for more detail */

View File

@@ -10,5 +10,6 @@
@import "./table.css";
@import "./datepicker.css";
@import "./highlight.css";
@import "./tooltip.css";
@import "./tailwind.core.css"; /* Build by gulp. Check `_buildTailwind` for more detail */
@import "./common.css";

16
resources/css/tooltip.css Normal file
View File

@@ -0,0 +1,16 @@
.Tooltip {
position:relative;
}
.Tooltip__label {--arrow-size: 4px;visibility:hidden;width:10ch;background:#000;color:#fff;text-align:center;border-radius:4px;padding:4px;position:absolute;z-index:10;font-size:0.7rem;line-height:1.5;top:calc(100% + var(--arrow-size) + 3px);left:calc(-50% + var(--arrow-size) / 2 - 1px);word-wrap:break-word}
.Tooltip__label::after {content:"";border:var(--arrow-size) solid transparent;border-bottom-color:#000;position:absolute;bottom:100%;left:calc(50% - var(--arrow-size))}
/* .Tooltip:not(:hover) {pointer-events:none} */
.Tooltip:hover .Tooltip__label {
visibility:visible
}
.Tooltip__label:hover {
visibility:visible
}