tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Add dismissable hints to various timelines in web UI

Browse Source 
Port f41ec9af05 to glitch-soc

Co-authored-by: Yamagishi Kazutoshi <ykzts@desire.sh>
Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Eugen Rochko
2022-10-09 06:08:37 +02:00
committed by Claire
parent e5720cd540
commit dea951cce8
16 changed files with 139 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/javascript/flavours/glitch/styles/components/columns.scss
View File

@ -936,3 +936,28 @@ $ui-header-height: 55px;
color: $darker-text-color;
}
}
.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;
}
}