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

fix(style): Fix regressions introduced by #2338 (#2345)

Browse Source 
Put Column Slim Back Button classnames in order so it is positioned right and top. Add icon button style back to privacy dropdown and upload buttons so they are positioned correctly and do not wiggle. Remove abstracted style from CSS. Add missed class for the upload form thumbnail. Add the missed styles for upload form thumnail. Alphabetize styles for column-back-button. Fix fontSize typo for media-spoiler-video-play-icon.
This commit is contained in:
Stephen Burgess
2017-04-23 07:18:58 -05:00
committed by Eugen
parent 1cf9e14a41
commit 663f090c45
5 changed files with 27 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -261,6 +261,12 @@
margin: 5px;
}
.compose-form__upload-thumbnail {
border-radius: 4px;
height: 100px;
width: 100%;
}
.compose-form__upload-cancel {
background-size: cover;
border-radius: 4px;
@ -1347,12 +1353,12 @@ a.status__content__spoiler-link {
}
.column-back-button {
padding: 15px;
font-size: 16px;
background: lighten($color1, 4%);
flex: 0 0 auto;
cursor: pointer;
color: $color4;
cursor: pointer;
flex: 0 0 auto;
font-size: 16px;
padding: 15px;
z-index: 3;
&:hover {
@ -2375,10 +2381,6 @@ button.icon-button.active i.fa-retweet {
box-shadow: 0 -4px 4px rgba($color8, 0.1);
}
.privacy-dropdown__value-icon {
line-height: 27px;
}
.privacy-dropdown__dropdown {
display: block;
box-shadow: 2px 4px 6px rgba($color8, 0.1);
@ -3061,7 +3063,7 @@ button.icon-button.active i.fa-retweet {
.media-spoiler-video-play-icon {
border-radius: 100px;
color: rgba(255, 255, 255, 0.8);
fontSize: 36px;
font-size: 36px;
padding: 5px;
position: absolute;
top: 50%;