Fix preview button dropdown styling (#3785)

Fixes #3784
This commit is contained in:
Jack P 2017-08-29 11:16:38 +01:00 committed by Matt Westcott
parent 0b90ee15fa
commit a60aa1bfe2
3 changed files with 12 additions and 5 deletions

View file

@ -138,8 +138,12 @@ footer {
}
.actions {
width: 250px;
margin-right: $grid-gutter-width / 2;
width: auto;
.dropdown {
width: 250px;
}
}
.meta {
@ -164,9 +168,12 @@ footer {
}
@media screen and (max-width: $breakpoint-mobile) {
.actions,
.preview {
.actions {
width: 100%;
.dropdown {
width: 100%;
}
}
.meta p {

View file

@ -41,7 +41,7 @@
</div>
</li>
<li class="preview">
<li class="actions preview">
{% trans 'Preview' as preview_label %}
{% if preview_modes|length > 1 %}
<div class="dropdown dropup dropdown-button match-width">

View file

@ -64,7 +64,7 @@
</div>
</li>
<li class="preview">
<li class="actions preview">
{% trans 'Preview' as preview_label %}
{% if preview_modes|length > 1 %}
<div class="dropdown dropup dropdown-button match-width">