diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2022-10-09 06:08:37 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-10-09 06:08:37 +0200 |
| commit | f41ec9af05d3e2145e62f705225dbabb7e04e242 (patch) | |
| tree | 7d601a8ecac6ecbaf5bdd862ea1013fa816a57f6 /app/javascript/styles | |
| parent | a5112b51fdf3ec2b31690e064ea330a090e71957 (diff) | |
Add dismissable hints to various timelines in web UI (#19315)
Co-authored-by: Yamagishi Kazutoshi <ykzts@desire.sh>
Diffstat (limited to 'app/javascript/styles')
| -rw-r--r-- | app/javascript/styles/mastodon/components.scss | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index cc8455ce3..02c2a14bf 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -8312,3 +8312,28 @@ noscript { } } } + +.dismissable-banner { + background: $ui-base-color; + border-bottom: 1px solid lighten($ui-base-color, 8%); + display: flex; + align-items: center; + gap: 30px; + + &__message { + flex: 1 1 auto; + padding: 20px 15px; + cursor: default; + font-size: 14px; + line-height: 18px; + color: $primary-text-color; + } + + &__action { + padding: 15px; + flex: 0 0 auto; + display: flex; + align-items: center; + justify-content: center; + } +} |