treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Adjust status action bar icons (#2424) 

Set status action bar to have display flex and center align items so dropdown icon appears center aligned with other icons. Make styles alpha organized.

Add hover state to boost icon - lighten color on hover.
lolsob-rspec
Stephen Burgess 2017-04-25 08:16:09 -05:00 committed by Eugen Rochko
parent 2df7982fd7
commit e9aca1a596
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/boost.scss
View File

File diff suppressed because one or more lines are too long

6
app/assets/stylesheets/components.scss
View File

@ -557,6 +557,8 @@ a.status__content__spoiler-link {
}
.status__action-bar {
align-items: center;
display: flex;
margin-top: 10px;
overflow: hidden;
}
@ -596,10 +598,10 @@ a.status__content__spoiler-link {
.detailed-status__action-bar {
background: lighten($color1, 4%);
display: flex;
flex-direction: row;
border-top: 1px solid lighten($color1, 8%);
border-bottom: 1px solid lighten($color1, 8%);
display: flex;
flex-direction: row;
padding: 10px 0;
}