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;
border: 1px solid var(--primary-low);
box-shadow: var(--shadow-menu-panel);
> .tippy-svg-arrow {
color: $d-popover-background;
}
}
.tippy-box[data-placement^="top"] .tippy-svg-arrow > svg {
@ -16,10 +20,6 @@ $d-popover-border: var(--primary-low);
}
#tippy-rounded-arrow {
.svg-content {
fill: $d-popover-background;
}
.svg-arrow {
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);
}
}
@ -52,19 +52,19 @@
.tippy-box[data-theme~="user-tips"][data-placement^="left"]
> .tippy-svg-arrow
> svg {
left: 11px;
left: 12px;
}
.tippy-box[data-theme~="user-tips"][data-placement^="top"]
> .tippy-svg-arrow
> svg {
top: 11px;
top: 12px;
}
.tippy-box[data-theme~="user-tips"][data-placement^="bottom"]
> .tippy-svg-arrow
> svg {
top: -13px;
top: -14px;
left: -1px;
}