Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: Make the arrow and tooltip background the same color (#22171) 

* FIX: Make the arrow and tooltip background the same color
* FIX: move position arrow
This commit is contained in:
Ella E 2023-06-19 12:05:23 -06:00 committed by GitHub
parent f89b5680cb
commit f736748853
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/common/base/d-popover.scss
View File

@ -6,6 +6,10 @@ $d-popover-border: var(--primary-low);
background: $d-popover-background; background: $d-popover-background;
border: 1px solid var(--primary-low); border: 1px solid var(--primary-low);
box-shadow: var(--shadow-menu-panel); box-shadow: var(--shadow-menu-panel);
> .tippy-svg-arrow {
color: $d-popover-background;
}
} }
.tippy-box[data-placement^="top"] .tippy-svg-arrow > svg { .tippy-box[data-placement^="top"] .tippy-svg-arrow > svg {
@ -16,10 +20,6 @@ $d-popover-border: var(--primary-low);
} }
#tippy-rounded-arrow { #tippy-rounded-arrow {
.svg-content {
fill: $d-popover-background;
}
.svg-arrow { .svg-arrow {
fill: $d-popover-border; fill: $d-popover-border;
} }

8
app/assets/stylesheets/common/base/user-tips.scss
View File

@ -20,7 +20,7 @@
} }
} }
> .tippy-svg-arrow > svg { > .tippy-svg-arrow {
color: var(--tertiary); color: var(--tertiary);
} }
} }
@ -52,19 +52,19 @@
.tippy-box[data-theme~="user-tips"][data-placement^="left"] .tippy-box[data-theme~="user-tips"][data-placement^="left"]
> .tippy-svg-arrow > .tippy-svg-arrow
> svg { > svg {
left: 11px; left: 12px;
} }
.tippy-box[data-theme~="user-tips"][data-placement^="top"] .tippy-box[data-theme~="user-tips"][data-placement^="top"]
> .tippy-svg-arrow > .tippy-svg-arrow
> svg { > svg {
top: 11px; top: 12px;
} }
.tippy-box[data-theme~="user-tips"][data-placement^="bottom"] .tippy-box[data-theme~="user-tips"][data-placement^="bottom"]
> .tippy-svg-arrow > .tippy-svg-arrow
> svg { > svg {
top: -13px; top: -14px;
left: -1px; left: -1px;
} }