File tree Expand file tree Collapse file tree 2 files changed +18
-1
lines changed
Filter options
Expand file tree Collapse file tree 2 files changed +18
-1
lines changed
Original file line number Diff line number Diff line change @@ -43,6 +43,8 @@ var rules = {
43
43
"X [data-title]:hover:before,X [data-title]:hover:after" : "display:block;opacity:1;" ,
44
44
"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;" ,
45
45
"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;" ,
46
48
"X .select-outline" : "fill:none;stroke-width:1;shape-rendering:crispEdges;" ,
47
49
"X .select-outline-1" : "stroke:white;" ,
48
50
"X .select-outline-2" : "stroke:black;stroke-dasharray:2px 2px;" ,
Original file line number Diff line number Diff line change @@ -51,7 +51,7 @@ $successColor: hsl(121, 32%, 40%) !default;
51
51
opacity : 1 ;
52
52
}
53
53
54
- // Arrow
54
+ // Top arrow
55
55
& :before {
56
56
content : ' ' ;
57
57
position : absolute ;
@@ -78,3 +78,18 @@ $successColor: hsl(121, 32%, 40%) !default;
78
78
border-radius : 2px ;
79
79
}
80
80
}
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
+ }
You can’t perform that action at this time.
0 commit comments