Commit 28871fe2 authored by arturo's avatar arturo

[docs] Resolve annotation tooltip position

* #456
parent 09a5846c
...@@ -9509,6 +9509,10 @@ a:focus, a:hover { ...@@ -9509,6 +9509,10 @@ a:focus, a:hover {
right: -4px; right: -4px;
z-index: 2; 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 { .mainleaf__version-badge--matched.b-icon-button, .mainleaf__version-badge--matched.b-icon-button:hover {
color: #015668; color: #015668;
} }
......
...@@ -9462,6 +9462,10 @@ a:focus, a:hover { ...@@ -9462,6 +9462,10 @@ a:focus, a:hover {
right: -4px; right: -4px;
z-index: 2; 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 { .mainleaf__version-badge--matched.b-icon-button, .mainleaf__version-badge--matched.b-icon-button:hover {
color: #28a745; color: #28a745;
} }
...@@ -10328,21 +10332,10 @@ select.form-control { ...@@ -10328,21 +10332,10 @@ select.form-control {
flex-grow: 1; flex-grow: 1;
margin-left: 32px; margin-left: 32px;
} }
.table-header-rename__cache { .table-header-rename__cache-toolbar {
margin-top: 16px; width: 136px;
} margin-left: 4px;
.table-header-rename__cache--on { margin-right: 4px;
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__calendar__icon { .table-header-rename__calendar__icon {
margin-right: 4px; margin-right: 4px;
......
...@@ -9218,6 +9218,10 @@ a:focus, a:hover { ...@@ -9218,6 +9218,10 @@ a:focus, a:hover {
right: -4px; right: -4px;
z-index: 2; 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 { .mainleaf__version-badge--matched.b-icon-button, .mainleaf__version-badge--matched.b-icon-button:hover {
color: #3e4d59; color: #3e4d59;
} }
......
...@@ -9466,6 +9466,10 @@ a:focus, a:hover { ...@@ -9466,6 +9466,10 @@ a:focus, a:hover {
right: -4px; right: -4px;
z-index: 2; 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 { .mainleaf__version-badge--matched.b-icon-button, .mainleaf__version-badge--matched.b-icon-button:hover {
color: #0074E4; color: #0074E4;
} }
......
...@@ -9467,6 +9467,10 @@ a:focus, a:hover { ...@@ -9467,6 +9467,10 @@ a:focus, a:hover {
right: -4px; right: -4px;
z-index: 2; 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 { .mainleaf__version-badge--matched.b-icon-button, .mainleaf__version-badge--matched.b-icon-button:hover {
color: #333333; color: #333333;
} }
......
...@@ -64,12 +64,13 @@ component = R.hooksComponent componentName cpt where ...@@ -64,12 +64,13 @@ component = R.hooksComponent componentName cpt where
R.useLayoutEffect1 (R.readRef ref) do R.useLayoutEffect1 (R.readRef ref) do
for_ (toMaybe $ R.readRef ref) \el -> do for_ (toMaybe $ R.readRef ref) \el -> do
let rect = Element.boundingRect el let rect = Element.boundingRect el
let pos = position { x, y } rect let pos = position { x, y } rect
let style = el .. "style" let style = el .. "style"
let toPixels = show >>> (_ <> "px")
void $ pure $ setProperty' style "left" [ show pos.left ] void $ pure $ setProperty' style "left" [ pos.left # toPixels ]
void $ pure $ setProperty' style "top" [ show pos.top ] void $ pure $ setProperty' style "top" [ pos.top # toPixels ]
R.nothing # R.thenNothing R.nothing # R.thenNothing
......
...@@ -157,6 +157,14 @@ $node-popup-width: 544px ...@@ -157,6 +157,14 @@ $node-popup-width: 544px
right: $offset-x right: $offset-x
z-index: z-index("tree", "badge") 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 // (remove hover effect to maintain continuity with folder + node icon
// lack of hover effect) // lack of hover effect)
&--matched &--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