scalie-business/mastodon
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Make notifications quick-filter use consistent style with profile tabs (#9554)

Browse source
This commit is contained in:
Eugen Rochko 2018-12-17 21:08:40 +01:00 • committed by GitHub
parent e709b8da0d
commit 12ab15e584
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
app/javascript/styles/mastodon/components.scss
View file

@ -1484,52 +1484,6 @@ a.account__display-name {
} }
} }
.notification__filter-bar {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: $ui-base-color;
& > button {
position: relative;
flex-grow: 1;
color: $primary-text-color;
padding: 10px 5px 12px;
text-decoration: none;
font-weight: 400;
font-size: 15px;
line-height: 18px;
background: darken($ui-base-color, 4%);
border: 0;
border-bottom: 1px solid lighten($ui-base-color, 8%);
cursor: default;
&.active {
color: $secondary-text-color;
&::before,
&::after {
display: block;
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
transform: translateX(-50%);
border-style: solid;
border-width: 0 10px 10px;
border-color: transparent transparent lighten($ui-base-color, 8%);
}
&::after {
bottom: -1px;
border-color: transparent transparent $ui-base-color;
}
}
}
}
.notification__message { .notification__message {
margin: 0 10px 0 68px; margin: 0 10px 0 68px;
padding: 8px 0 0; padding: 8px 0 0;
@ -4846,12 +4800,19 @@ a.status-card.compact:hover {
} }
} }
.notification__filter-bar,
.account__section-headline { .account__section-headline {
background: darken($ui-base-color, 4%); background: darken($ui-base-color, 4%);
border-bottom: 1px solid lighten($ui-base-color, 8%); border-bottom: 1px solid lighten($ui-base-color, 8%);
cursor: default; cursor: default;
display: flex; display: flex;
button {
background: darken($ui-base-color, 4%);
border: 0;
}
button,
a { a {
display: block; display: block;
flex: 1 1 auto; flex: 1 1 auto;