Browse Source

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.
master
Stephen Burgess 7 years ago
committed by Eugen Rochko
parent
commit
1ce951d0be
2 changed files with 8 additions and 2 deletions
  1. +4
    -0
      app/assets/stylesheets/boost.scss
  2. +4
    -2
      app/assets/stylesheets/components.scss

+ 4
- 0
app/assets/stylesheets/boost.scss
File diff suppressed because it is too large
View File


+ 4
- 2
app/assets/stylesheets/components.scss View File

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

Loading…
Cancel
Save