Fix post meta popup on mobile

This commit is contained in:
Toby Zerner 2015-03-04 09:50:23 +10:30
parent aa5b1ffc29
commit e27d8968f7
2 changed files with 15 additions and 1 deletions

View File

@ -199,6 +199,9 @@
& .permalink { & .permalink {
margin-top: 10px; margin-top: 10px;
} }
& a.permalink {
display: none;
}
} }
.post-icon { .post-icon {
@ -276,6 +279,16 @@
margin-left: -30px; margin-left: -30px;
margin-top: 2px; margin-top: 2px;
} }
.post-meta {
& a.permalink {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
& input.permalink {
display: none;
}
}
} }
@media @tablet, @desktop, @desktop-hd { @media @tablet, @desktop, @desktop-hd {

View File

@ -2,5 +2,6 @@
<div class="dropdown-menu post-meta"> <div class="dropdown-menu post-meta">
<span class="number">Post #{{post.number}}</span> <span class="number">Post #{{post.number}}</span>
<span class="time">{{full-time post.time}}</span> <span class="time">{{full-time post.time}}</span>
<input {{bind-attr value=permalink}} class="form-control permalink"> <input value="{{permalink}}" class="form-control permalink">
<a href="{{permalink}}" class="btn btn-default permalink">{{permalink}}</a>
</div> </div>