Skip to content

Commit aad8c15

Browse files
committed
fix: popper arrow/border colors
1 parent 88e40a7 commit aad8c15

File tree

1 file changed

+11
-32
lines changed

1 file changed

+11
-32
lines changed

packages/app-frontend/src/assets/style/index.styl

+11-32
Original file line numberDiff line numberDiff line change
@@ -79,39 +79,12 @@ button:focus
7979

8080
// Popover
8181

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
10583
.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
11588

11689
// Tooltips
11790

@@ -156,3 +129,9 @@ $arrow-color = rgba(100, 100, 100, 0.5)
156129
.right-icon-reveal:not(:hover)
157130
.vue-ui-icon.right
158131
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

Comments
 (0)