Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Commit b7c2355

Browse filesBrowse files
committed
place tooltips on the left of vertical modebars
1 parent 0046f12 commit b7c2355
Copy full SHA for b7c2355

File tree

Expand file treeCollapse file tree

2 files changed

+18
-1
lines changed
Filter options
Expand file treeCollapse file tree

2 files changed

+18
-1
lines changed

‎build/plotcss.js

Copy file name to clipboardExpand all lines: build/plotcss.js
+2Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,8 @@ var rules = {
4343
"X [data-title]:hover:before,X [data-title]:hover:after": "display:block;opacity:1;",
4444
"X [data-title]:before": "content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1002;margin-top:-12px;border-bottom-color:#69738a;margin-right:-6px;",
4545
"X [data-title]:after": "content:attr(data-title);background:#69738a;color:white;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;margin-right:-18px;border-radius:2px;",
46+
"X .vertical [data-title]:before,X .vertical [data-title]:after": "top:0%;right:200%;",
47+
"X .vertical [data-title]:before": "border:6px solid transparent;border-left-color:#69738a;margin-top:8px;margin-right:-30px;",
4648
"X .select-outline": "fill:none;stroke-width:1;shape-rendering:crispEdges;",
4749
"X .select-outline-1": "stroke:white;",
4850
"X .select-outline-2": "stroke:black;stroke-dasharray:2px 2px;",

‎src/css/_tooltip.scss

Copy file name to clipboardExpand all lines: src/css/_tooltip.scss
+16-1Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ $successColor: hsl(121, 32%, 40%) !default;
5151
opacity: 1;
5252
}
5353

54-
// Arrow
54+
// Top arrow
5555
&:before {
5656
content: '';
5757
position: absolute;
@@ -78,3 +78,18 @@ $successColor: hsl(121, 32%, 40%) !default;
7878
border-radius: 2px;
7979
}
8080
}
81+
82+
.vertical [data-title] {
83+
&:before, &:after {
84+
top: 0%;
85+
right: 200%;
86+
}
87+
88+
// Right arrow
89+
&:before {
90+
border: $arrowBorderWidth solid transparent;
91+
border-left-color: $defaultColor;
92+
margin-top: $verticalPadding;
93+
margin-right: -1 * ($arrowOffsetX + 2 * $arrowBorderWidth);
94+
}
95+
}

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.