@@ -79,39 +79,12 @@ button:focus
79
79
80
80
// Popover
81
81
82
- $arrow-color = rgba (100 , 100 , 100 , 0.5 )
83
-
84
- .arrow
85
- display inline-block
86
- width 0
87
- height 0
88
- & .up
89
- border-left 4px solid transparent
90
- border-right 4px solid transparent
91
- border-bottom 6px solid $arrow-color
92
- & .down
93
- border-left 4px solid transparent
94
- border-right 4px solid transparent
95
- border-top 6px solid $arrow-color
96
- & .right
97
- border-top 4px solid transparent
98
- border-bottom 4px solid transparent
99
- border-left 6px solid $arrow-color
100
- & .left
101
- border-top 4px solid transparent
102
- border-bottom 4px solid transparent
103
- border-right 6px solid $arrow-color
104
-
82
+ .v-popper--theme-dropdown
105
83
.vue-ui-dark-mode &
106
- $arrow-color = rgba ($vue-ui-color-light-neutral, .4 )
107
- & .up
108
- border-bottom-color $arrow-color
109
- & .down
110
- border-top-color $arrow-color
111
- & .right
112
- border-left-color $arrow-color
113
- & .left
114
- border-right-color $arrow-color
84
+ .v-popper__inner ,
85
+ .v-popper__arrow-inner ,
86
+ .v-popper__arrow-outer
87
+ border-color $vue-ui-gray-900
115
88
116
89
// Tooltips
117
90
@@ -156,3 +129,9 @@ $arrow-color = rgba(100, 100, 100, 0.5)
156
129
.right-icon-reveal :not (:hover )
157
130
.vue-ui-icon.right
158
131
opacity 0
132
+
133
+ .v-popper--theme-tooltip
134
+ .vue-ui-dark-mode &
135
+ .v-popper__arrow-inner ,
136
+ .v-popper__arrow-outer
137
+ border-color $vue-ui-white
0 commit comments