Commit 28871fe2 authored by arturo's avatar arturo

[docs] Resolve annotation tooltip position

* #456
parent 09a5846c
......@@ -9509,6 +9509,10 @@ a:focus, a:hover {
right: -4px;
z-index: 2;
}
.mainleaf__version-badge .b-icon-button__inner {
top: -3px;
left: 1px;
}
.mainleaf__version-badge--matched.b-icon-button, .mainleaf__version-badge--matched.b-icon-button:hover {
color: #015668;
}
......
......@@ -9462,6 +9462,10 @@ a:focus, a:hover {
right: -4px;
z-index: 2;
}
.mainleaf__version-badge .b-icon-button__inner {
top: -3px;
left: 1px;
}
.mainleaf__version-badge--matched.b-icon-button, .mainleaf__version-badge--matched.b-icon-button:hover {
color: #28a745;
}
......@@ -10328,21 +10332,10 @@ select.form-control {
flex-grow: 1;
margin-left: 32px;
}
.table-header-rename__cache {
margin-top: 16px;
}
.table-header-rename__cache--on {
font-weight: bold;
}
.table-header-rename__cache__button {
margin-left: 16px;
color: #007bff;
}
.table-header-rename__cache__text {
cursor: pointer;
}
.table-header-rename__cache__text:focus {
outline: 0;
.table-header-rename__cache-toolbar {
width: 136px;
margin-left: 4px;
margin-right: 4px;
}
.table-header-rename__calendar__icon {
margin-right: 4px;
......
......@@ -9218,6 +9218,10 @@ a:focus, a:hover {
right: -4px;
z-index: 2;
}
.mainleaf__version-badge .b-icon-button__inner {
top: -3px;
left: 1px;
}
.mainleaf__version-badge--matched.b-icon-button, .mainleaf__version-badge--matched.b-icon-button:hover {
color: #3e4d59;
}
......
......@@ -9466,6 +9466,10 @@ a:focus, a:hover {
right: -4px;
z-index: 2;
}
.mainleaf__version-badge .b-icon-button__inner {
top: -3px;
left: 1px;
}
.mainleaf__version-badge--matched.b-icon-button, .mainleaf__version-badge--matched.b-icon-button:hover {
color: #0074E4;
}
......
......@@ -9467,6 +9467,10 @@ a:focus, a:hover {
right: -4px;
z-index: 2;
}
.mainleaf__version-badge .b-icon-button__inner {
top: -3px;
left: 1px;
}
.mainleaf__version-badge--matched.b-icon-button, .mainleaf__version-badge--matched.b-icon-button:hover {
color: #333333;
}
......
......@@ -64,12 +64,13 @@ component = R.hooksComponent componentName cpt where
R.useLayoutEffect1 (R.readRef ref) do
for_ (toMaybe $ R.readRef ref) \el -> do
let rect = Element.boundingRect el
let pos = position { x, y } rect
let style = el .. "style"
let rect = Element.boundingRect el
let pos = position { x, y } rect
let style = el .. "style"
let toPixels = show >>> (_ <> "px")
void $ pure $ setProperty' style "left" [ show pos.left ]
void $ pure $ setProperty' style "top" [ show pos.top ]
void $ pure $ setProperty' style "left" [ pos.left # toPixels ]
void $ pure $ setProperty' style "top" [ pos.top # toPixels ]
R.nothing # R.thenNothing
......
......@@ -157,6 +157,14 @@ $node-popup-width: 544px
right: $offset-x
z-index: z-index("tree", "badge")
// (?) unknown regresion: empirical offset re-alignement
.b-icon-button__inner
$offset-y: -3px
$offset-x: 1px
top: $offset-y
left: $offset-x
// (remove hover effect to maintain continuity with folder + node icon
// lack of hover effect)
&--matched
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment