Improvements to action bar positioning

master
kibigo! 8 years ago
parent efa425206c
commit 22cc5c0dec
  1. 15
      app/javascript/styles/components.scss

@ -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 {

Loading…
Cancel
Save