discourse/app/assets/stylesheets/common/base/user-tips.scss
Penar Musaraj c4e8221d7e
UX: Improvements to user tips (#26480)
- Add a "Skip tips" button to first notification tip
- Add a "Skip tips" button to the admin guide tip
- Fixes the timeline tip showing when no timeline was present
- Fixes post menu tip showing when no "..." button is present
- Adds system tests
- Marks each tip as seen as soon as it is displayed so that refreshing,
clicking outside, etc. won't show it again
- Change just above means we no longer need a MessageBus track

Co-authored-by: Bianca Nenciu <nbianca@users.noreply.github.com>
2024-04-03 11:43:56 -04:00

46 lines
839 B
SCSS

[data-content][data-identifier="user-tip"] {
min-width: 300px;
background-color: var(--tertiary);
border: none;
color: var(--secondary);
--float-kit-arrow-stroke-color: var(--tertiary);
--float-kit-arrow-fill-color: var(--tertiary);
.user-tip__container {
font-weight: normal;
padding: 0.5em;
text-align: left;
}
.user-tip__title {
font-size: var(--font-up-2);
font-weight: bold;
}
.user-tip__content {
margin-top: 0.25em;
a {
color: var(--secondary);
text-decoration: underline;
}
}
.user-tip__buttons {
margin-top: 1em;
display: flex;
justify-content: space-between;
}
.btn-primary {
background: var(--secondary);
color: var(--tertiary);
}
.btn-flat.btn-text {
background-color: transparent;
color: var(--secondary);
}
}