discourse/app/assets/stylesheets/common/base/user-tips.scss
Bianca Nenciu ac272c041e
FEATURE: Add user tips for post and topic features (#18964)
* DEV: Add utility to hide all user tips

* DEV: Add UserTip Glimmer component

* DEV: Add tests for existing user tips

* FEATURE: Add user tip for post menu

* FEATURE: Add user tip for topic notification level

* FEATURE: Add user tip for suggested topics

* FEATURE: Hide new popups for existing users
2022-11-15 17:36:08 +02:00

44 lines
753 B
SCSS

.user-tip-container {
min-width: 300px;
padding: 0.5em;
text-align: left;
.user-tip-title {
font-size: $font-up-2;
font-weight: bold;
}
.user-tip-content {
margin-top: 0.25em;
}
.user-tip-buttons {
margin-top: 1em;
}
}
.tippy-box[data-theme~="user-tips"][data-placement^="left"]
> .tippy-svg-arrow
> svg {
left: 11px;
}
.tippy-box[data-theme~="user-tips"][data-placement^="top"]
> .tippy-svg-arrow
> svg {
top: 11px;
}
.tippy-box[data-theme~="user-tips"][data-placement^="bottom"]
> .tippy-svg-arrow
> svg {
top: -13px;
left: -1px;
}
.tippy-box[data-theme~="user-tips"] > .tippy-svg-arrow:after,
.tippy-box[data-theme~="user-tips"] > .tippy-svg-arrow > svg {
width: 18px;
height: 18px;
}