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

UX: Make user tips more visible (#22012) 

Inverts the background of the user tip to make it more visible.
This commit is contained in:
Bianca Nenciu 2023-06-12 21:08:49 +03:00 committed by GitHub
parent 7c768a2ff9
commit 774698491d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,14 +15,8 @@ $d-popover-border: var(--primary-low);
top: -10px;
}
.tippy-rounded-arrow {
fill: $d-popover-background;
.svg-arrow {
fill: $d-popover-border;
}
.svg-content {
fill: $d-popover-background;
}
.tippy-svg-arrow > svg {
color: $d-popover-background;
}
[data-tooltip] > *,

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

@ -1,3 +1,30 @@
.tippy-box[data-theme="user-tips"] {
background-color: var(--tertiary);
color: var(--secondary);
border-color: var(--tertiary);
.btn-flat {
color: var(--secondary);
&:hover {
color: var(--d-hover);
}
}
.btn-primary {
background: var(--secondary);
color: var(--tertiary);
&:hover {
color: var(--tertiary-hover);
}
}
> .tippy-svg-arrow > svg {
color: var(--tertiary);
}
}
.user-tip {
z-index: z("composer", "content") - 1;
}