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

Improvements to action bar positioning

lolsob-rspec
kibigo! 2017-06-25 17:35:27 -07:00
parent 82f11f07f1
commit ecbc3a3b8f
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/javascript/styles/components.scss
View File

@ -636,9 +636,16 @@
} }
.status__relative-time { .status__relative-time {
display: inline-block;
margin-left: auto; margin-left: auto;
padding-left: 18px;
width: 115px;
color: lighten($ui-base-color, 26%); color: lighten($ui-base-color, 26%);
font-size: 14px; font-size: 14px;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.status__display-name { .status__display-name {
@ -701,11 +708,19 @@
display: flex; display: flex;
margin-top: 10px; margin-top: 10px;
margin-left: -58px; margin-left: -58px;
&::before {
display: block;
flex: 1 1 0;
max-width: 58px;
content: "";
}
} }
.status__action-bar-button { .status__action-bar-button {
float: left; float: left;
margin-right: 18px; margin-right: 18px;
flex: 0 0 auto;
} }
.status__action-bar-dropdown { .status__action-bar-dropdown {