Merge branch 'feature/pagemodes'

pull/238/head
Dave Cranwell 2014-05-08 11:56:46 +01:00
commit 6acb81dc78
15 zmienionych plików z 89 dodań i 58 usunięć

Wyświetl plik

@ -349,5 +349,6 @@ $(function() {
previewWindow.document.close();
}
});
return false;
});
});

Wyświetl plik

@ -6,6 +6,15 @@
cursor:pointer;
}
input[type=button], input[type=submit], button, .button{
padding:1em 0;
display:block;
width:100%;
text-align:left;
padding-left:1em;
}
ul{
@include unlist();
background-color:$color-teal;
@ -25,7 +34,6 @@
}
a{
box-sizing:border-box;
white-space: nowrap;
position:relative;
@ -55,7 +63,7 @@
a, input[type=submit], input[type=reset], input[type=button], .button, button{
font-size:0.95em;
-webkit-font-smoothing: auto;
text-shadow:-1px -1px 1px rgba(0,0,0,0.2);
@include border-radius(0);
}
label{
@ -95,16 +103,7 @@
bottom:100%;
}
input[type=button], input[type=submit], button{
padding:1em 0;
@include border-radius(0);
display:block;
width:100%;
text-align:left;
padding-left:1em;
text-shadow:-1px -1px 1px rgba(0,0,0,0.2);
}
.button{
float:left;
@ -123,6 +122,7 @@
&:before{
width:1em;
font-size:1.2rem;
}
&:hover{
@ -132,6 +132,21 @@
&.open > .button + .dropdown-toggle{
background-color:$color-teal-darker;
}
/* Styles for dropdowns which are also buttons e.g page editor */
&.dropdown-button{
.dropdown-toggle{
@include border-radius(0 3px 3px 0);
}
&.open{
> input[type=button], > input[type=submit], > button, > .button{
@include border-radius(0 0 3px 3px);
}
.dropdown-toggle{
@include border-radius(0 0 3px 0);
}
}
}
}
.dropdown.white{
@ -211,7 +226,6 @@ footer .actions .dropdown-toggle{
&:before,
&:after{
margin:0;
right:1em !important;
}
}

Wyświetl plik

@ -54,7 +54,7 @@ $explorer-z-index:500;
opacity:0.5;
left:1em;
margin-right:0.5em;
font-size:1.5em;
}
&:hover{
@ -86,6 +86,7 @@ $explorer-z-index:500;
display: block;
width: 100%;
text-align: center;
font-size:1.7em;
}
&:hover{

Wyświetl plik

@ -142,6 +142,7 @@ input[type=checkbox]:checked:before{
/* Core button style */
input[type=submit], input[type=reset], input[type=button], .button, button{
font-family:Open Sans,Arial,sans-serif;
@include border-radius(3px);
width:auto;
padding:0.7em 1em;
@ -160,8 +161,9 @@ input[type=submit], input[type=reset], input[type=button], .button, button{
overflow:hidden;
position:relative;
font-weight:normal;
outline:none;
-moz-appearance: none;
-moz-box-sizing:content-box;
-moz-box-sizing:border-box;
&.button-small{
padding:0.55em 0.8em;
@ -169,15 +171,10 @@ input[type=submit], input[type=reset], input[type=button], .button, button{
}
&.button-secondary{
border:1px solid $color-button;
color:$color-button;
background-color:white;
}
&.icon:before{
font-size:1.5em;
}
&.icon.text-replace:before{
font-size:auto;
}
@ -257,6 +254,13 @@ input[type=submit], input[type=reset], input[type=button], .button, button{
}
}
button.icon{
&:before,
&:after{
line-height:0;
}
}
.multiple{
@include transition(max-height 10s ease);
padding:0;

Wyświetl plik

@ -21,7 +21,6 @@
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size:1.8em;
text-align:left;
vertical-align:middle;
margin-right:0.2em;
@ -36,9 +35,7 @@
.hallotoolbar [class*=" icon-"]:before,
.hallotoolbar [class*=" icon-"]:before,
.hallotoolbar [class^="icon-"]:before{
font-size:1.1em;
vertical-align:-10%;
font-size:1.05em;
margin-right:0;
}
@ -191,7 +188,7 @@
content:"Q";
}
.icon-download:before{
content:"S";
content:"S"; /* Credit: Icon made by Freepik from Flaticon.com */
}
.icon-order:before{
content:"T";
@ -225,7 +222,8 @@
content:"3";
}
.icon-view:before{
content:"4";
content:"4"; /* Credit: Icon made by Zurb from Flaticon.com */
font-size:1.5rem;
}
.icon-collapse-down:before{
content:"5";

Wyświetl plik

@ -185,6 +185,10 @@ img{
background-color:$color-grey-1;
}
a:before{
font-size:1.2rem;
}
.menu-snippets &.menu-snippets,
.menu-users &.menu-users,
.menu-snippets &.menu-snippets,
@ -197,20 +201,6 @@ img{
a{
color:white;
}
/*
&:after{
content: " ";
width: 0px;
height: 0px;
display: block;
position: absolute;
right: 0;
top: 0.9em;
border: 0.7em solid #fff;
border-color: transparent #fff transparent transparent;
}
*/
}
}

Wyświetl plik

@ -51,7 +51,6 @@
<glyph unicode="&#81;" d="M238 366c0 15-6 28-16 39-11 10-24 16-39 16-15 0-28-6-39-16-11-11-16-24-16-39 0-8 2-16 5-24-7 4-15 5-23 5-16 0-28-5-39-16-11-10-16-23-16-38 0-16 5-29 16-39 11-11 23-16 39-16 15 0 28 5 39 16 10 10 16 23 16 39 0 8-2 15-6 23 8-3 16-5 24-5 15 0 28 5 39 16 10 11 16 23 16 39z m243-201c0-4-5-10-14-19-9-10-16-14-19-14-2 0-4 1-8 4-4 3-7 6-11 10-3 3-6 7-11 11-4 5-6 7-7 8l-27-28 63-63c5-5 8-12 8-19 0-8-4-16-11-23-8-8-15-11-23-11-8 0-15 2-20 8l-192 191c-33-25-68-37-104-37-31 0-56 10-76 29-19 20-29 45-29 76 0 30 9 60 27 89 18 30 42 53 71 71 29 18 59 27 89 27 31 0 57-9 76-29 20-19 30-45 30-76 0-36-13-70-38-104l102-101 27 27c-1 1-3 3-7 7-5 4-9 8-12 11-3 3-6 7-9 10-3 4-5 7-5 9 0 3 5 9 14 18 9 10 16 14 19 14 2 0 5-1 7-2 1-2 5-6 13-13 7-7 15-15 23-23 8-8 16-16 25-24 8-9 15-16 21-23 5-6 8-10 8-11z"/>
<glyph unicode="&#121;" d="M392 142c70-24 105-45 105-62 0 0 0-54 0-54 0 0-241 0-241 0 0 0-241 0-241 0 0 0 0 54 0 54 0 17 35 38 105 62 32 12 54 24 65 36 12 12 18 28 18 48 0 8-4 16-12 25-7 10-12 22-16 38-1 4-2 7-5 9-2 2-4 3-7 4-2 1-4 4-7 9-2 5-4 12-4 22 0 5 0 10 2 13 2 4 3 6 5 6 0 0 2 2 2 2-3 17-5 32-6 45-2 19 5 38 21 58 15 19 42 29 80 29 38 0 65-10 81-29 16-20 22-39 20-58 0 0-6-45-6-45 6-2 9-10 9-21 0-10-2-17-4-22-3-5-5-8-7-9-3-1-5-2-7-4-3-2-4-5-5-9-3-17-8-29-16-38-8-9-12-17-12-25 0-20 6-36 18-48 12-12 34-24 65-36"/>
<glyph unicode="&#82;" d="M440 389l-188 0c-10 12-20 25-23 28-2 6-8 10-14 10l-75 0c-5 0-9-3-13-6l-25-32-30 0c-16 0-28-13-28-28l0-248c0-15 12-28 28-28l368 0c16 0 28 13 28 28l0 248c0 15-12 28-28 28z"/>
<glyph unicode="&#83;" d="M357 247c0-2-1-5-3-7l-91-91c-3-2-5-3-7-3-2 0-4 1-7 3l-91 91c-3 3-4 7-2 10 2 4 4 6 9 6l54 0 0 101c0 2 1 4 3 6 2 2 4 3 7 3l54 0c3 0 5-1 7-3 2-2 3-4 3-6l0-101 54 0c3 0 5-1 7-3 2-1 3-3 3-6z m-101 164c-28 0-54-7-78-20-24-14-43-33-57-57-13-24-20-50-20-78 0-28 7-54 20-78 14-24 33-43 57-57 24-13 50-20 78-20 28 0 54 7 78 20 24 14 43 33 57 57 13 24 20 50 20 78 0 28-7 54-20 78-14 24-33 43-57 57-24 13-50 20-78 20z m219-155c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
<glyph unicode="&#84;" d="M421 137c0 12-4 23-12 33-9 10-19 15-30 15-10 0-18-3-24-10-5-7-8-16-8-27 0-11 3-20 10-27 7-8 17-11 30-11 9 0 17 2 24 7 7 6 10 12 10 20z m-174-36c0-3-1-5-3-7l-91-91c-2-2-4-3-7-3-2 0-4 1-6 3l-92 91c-3 3-3 6-2 10 2 4 5 6 9 6l55 0 0 393c0 3 1 5 2 6 2 2 4 3 7 3l55 0c2 0 5-1 6-3 2-1 3-3 3-6l0-393 55 0c2 0 5-1 6-3 2-2 3-4 3-6z m214 19c0-12-1-23-4-34-2-12-6-23-11-33-6-10-12-19-20-27-7-8-17-14-28-19-11-5-23-7-36-7-12 0-22 2-31 5-5 1-9 3-12 4l11 32c3-1 6-2 9-3 7-2 14-4 21-4 16 0 29 6 39 17 9 11 16 25 19 42l-1 0c-4-5-10-8-17-11-8-3-16-4-25-4-20 0-36 7-49 20-13 14-19 30-19 50 0 20 7 37 20 51 14 13 31 20 52 20 24 0 43-9 59-27 15-18 23-42 23-72z m-8 205l0-32-134 0 0 32 47 0 0 124c0 1 0 3 0 5 1 2 1 4 1 5l0 4-1 0-2-3c-2-2-4-5-7-9l-18-16-24 24 55 53 35 0 0-187z"/>
<glyph unicode="&#87;" d="M421 229l0-138c0-5-2-9-6-12-3-4-8-6-13-6l-109 0 0 110-74 0 0-110-109 0c-5 0-10 2-13 6-4 3-6 7-6 12l0 138c0 0 0 0 1 0 0 1 0 1 0 1l164 136 164-136c0 0 1-1 1-1z m63 19l-17-21c-2-2-4-3-6-3l-1 0c-3 0-5 1-6 2l-198 165-198-165c-2-2-4-2-7-2-2 0-4 1-6 3l-17 21c-2 2-2 4-2 7 0 3 1 5 3 6l205 171c6 5 14 8 22 8 8 0 16-3 22-8l69-58 0 56c0 2 1 5 3 6 2 2 4 3 7 3l54 0c3 0 5-1 7-3 2-1 3-4 3-6l0-117 62-52c2-1 3-3 3-6 0-3 0-5-2-7z"/>
<glyph unicode="&#88;" d="M365 141c1-4 1-7-2-10l-100-110c-1-2-4-3-6-3-3 0-5 1-7 3l-101 110c-3 3-3 6-2 10 2 3 5 5 8 5l64 0 0 357c0 3 1 5 3 6 2 2 4 3 7 3l54 0c3 0 5-1 7-3 2-1 3-3 3-6l0-357 64 0c4 0 6-2 8-5z"/>
@ -62,11 +61,12 @@
<glyph unicode="&#85;" d="M218 63c0-35-29-63-64-63-35 0-64 28-64 63 0 36 29 64 64 64 35 0 64-28 64-64z m0 193c0-35-29-64-64-64-35 0-64 29-64 64 0 35 29 64 64 64 35 0 64-29 64-64z m0 193c0-36-29-64-64-64-35 0-64 28-64 64 0 35 29 63 64 63 35 0 64-28 64-63z m204-386c0-35-29-63-64-63-35 0-64 28-64 63 0 36 29 64 64 64 35 0 64-28 64-64z m0 193c0-35-29-64-64-64-35 0-64 29-64 64 0 35 29 64 64 64 35 0 64-29 64-64z m0 193c0-36-29-64-64-64-35 0-64 28-64 64 0 35 29 63 64 63 35 0 64-28 64-63z"/>
<glyph unicode="&#51;" d="M332 426l0-94 49 0 0-98-192 0 0 55-152-102 152-101 0 54 286 0 0 286z"/>
<glyph unicode="&#50;" d="M192 320l-192 0 149-109-54-179 153 107 168-107-69 179 165 109-192 0-72 184z"/>
<glyph unicode="&#52;" d="M352 256c0-53-43-96-96-96-53 0-96 43-96 96 0 53 43 96 96 96 53 0 96-43 96-96z m-96 160c-160 0-256-159-256-159 0 0 96-161 256-161 160 0 256 160 256 160 0 0-96 160-256 160z m0-288c-140 0-216 128-216 128 0 0 76 128 216 128 140 0 216-128 216-128 0 0-76-128-216-128z"/>
<glyph unicode="&#53;" d="M135 456l241 0 0-23-241 0z m270-177l-127-124 0 222-45 0 0-220-125 122-33-32 181-181 181 181z"/>
<glyph unicode="&#54;" d="M136 456l241 0 0-23-241 0z m-28-302l126 124 0-222 45 0 0 220 126-122 32 32-181 181-181-181z"/>
<glyph unicode="&#48;" d="M346 321c0-2 0-4 0-6 0-2-1-4-1-7 0-2-1-5-1-7-1-3-2-6-2-9-1-3-2-6-3-9-1-3-2-6-3-10-1-1-2-3-2-4-1-1-1-2-1-3-1-1-1-1-2-2-1-2-1-3-2-5-1-2-2-3-3-5l-2-2-1-3c-1-1-2-3-4-4-2-3-4-7-7-9-3-3-6-6-9-9l-4-4c-2-1-3-2-5-4-6-5-13-9-20-13-7-4-14-7-21-10-7-3-14-6-21-8-6-2-12-4-18-6-12-3-22-5-29-7-7-2-11-2-11-2 0 0 4 0 11 2 7 1 17 3 29 6 6 2 12 3 19 5 7 2 14 5 21 8 7 3 14 6 21 10 7 3 14 8 21 13 2 1 3 2 5 3l5 4c3 3 6 6 8 9 3 3 6 6 8 9 2 2 3 3 4 5l2 2c0 1 1 2 1 3 1 1 2 3 4 5 0 1 1 3 2 5 1 0 1 1 2 2 0 1 0 2 1 3 1 1 1 3 2 5 2 3 3 6 4 9 1 4 2 7 3 10 1 3 1 6 2 8 1 3 1 6 2 8 0 3 0 5 1 7 0 3 0 5 0 6 1 8 1 12 1 12l-6 0c0 0 0-4-1-11m112 80l-34 33c-1 33-22 55-32 61-10 9-33 16-59 13-25-4-61-17-86-64-49-92-154-289-155-291-1 0-1-1 0-1 0-1 1-1 1-1l40 7-78-151c0-1 0-1 1-2 0 0 0 0 1 0 0 0 0 0 0 0l56 10c0 0 1 0 1 1l41 120c105 1 178 26 218 77 42 54 36 122 29 154l-5 31 60 0c0 0 1 0 1 1 1 0 0 1 0 2m-55 42c0-5-5-10-10-10-6 0-10 5-10 10 0 6 4 11 10 11 5 0 10-5 10-11m-33-228c-40-50-112-75-216-75-1 0-1-1-1-2l-42-120-51-9 78 151c0 1 0 1 0 2-1 0-1 1-2 1l-40-8c14 26 109 202 154 287 25 46 59 59 83 62 25 3 46-3 56-10l0-22c-2 0-16 5-29 5-13 0-28-5-37-15-16-18-20-36-12-66 54 10 78-13 87-27 7-30 15-99-28-154m29 186l23 30 30-30z"/>
<glyph unicode="&#63;" d="M253 492c65 0 120-22 167-67 46-45 70-100 72-165 0-65-22-121-68-167-45-47-100-71-165-73-65 0-121 22-167 68-47 45-71 100-72 165-1 65 21 121 67 167 46 47 101 71 166 72m-1-379c10 0 19 3 25 9 6 7 10 15 10 24 0 11-2 19-9 26-6 6-15 9-25 9 0 0-1 0-1 0-10 0-18-3-24-9-7-6-10-14-11-24 0-10 3-18 10-25 6-6 14-10 24-10 0 0 1 0 1 0m85 168c9 11 13 24 13 40 0 26-9 46-27 59-18 13-41 19-69 19-22 0-40-4-53-13-24-14-36-39-37-75 0 0 0-2 0-2 0 0 56 0 56 0 0 0 0 2 0 2 0 9 3 18 8 28 6 8 15 12 28 12 14 0 23-3 27-10 5-7 8-14 8-23 0-6-3-13-8-20-3-4-7-8-11-10 0 0-3-2-3-2-2-2-4-4-8-6-3-2-7-5-10-8-4-2-7-5-11-8-4-3-7-6-9-9-4-7-7-20-9-40 0 0 0-4 0-4 0 0 56 0 56 0 0 0 0 2 0 2 0 4 0 9 2 14 2 7 6 13 14 19 0 0 14 9 14 9 16 12 25 20 29 26"/>
<glyph unicode="&#33;" d="M499 65c4-6 4-12 0-18-3-5-8-8-15-8 0 0-457 0-457 0-6 0-11 3-14 8-4 6-4 12-1 18 0 0 228 400 228 400 3 6 8 9 16 9 7 0 12-3 15-9 0 0 228-400 228-400m-215 25c0 0 0 51 0 51 0 0-56 0-56 0 0 0 0-51 0-51 0 0 56 0 56 0m0 89c0 0 0 154 0 154 0 0-56 0-56 0 0 0 0-154 0-154 0 0 56 0 56 0"/>
<glyph unicode="&#57;" d="M256 512c-141 0-256-115-256-256 0-141 115-256 256-256 141 0 256 115 256 256 0 141-115 256-256 256z m-40-374l-117 118 45 45 72-73 154 154 45-45z"/>
<glyph unicode="&#52;" d="M256 309c8 0 15-1 22-4 7-3 13-6 18-11 5-5 9-11 11-17 3-7 5-14 5-21 0-7-2-14-5-21-2-6-6-12-11-17-5-5-11-8-18-11-7-3-14-4-22-4-8 0-15 1-22 4-7 3-13 6-18 11-5 5-9 11-11 17-3 7-5 14-5 21 0 7 2 14 5 21 2 6 6 12 11 17 5 5 11 8 18 11 7 3 14 4 22 4z m0-136c12 0 23 2 34 6 11 4 20 10 28 18 8 7 14 16 19 26 4 11 6 21 6 33 0 12-2 22-6 33-5 10-11 19-19 26-8 8-17 14-28 18-11 4-22 6-34 6-12 0-23-2-34-6-11-4-20-10-28-18-8-7-14-16-19-26-4-11-6-21-6-33 0-12 2-22 6-33 5-10 11-19 19-26 8-8 17-14 28-18 11-4 22-6 34-6z m0 194c18 0 35-2 51-6 16-4 31-10 45-17 14-6 26-14 37-22 11-9 21-17 29-25 7-8 13-16 17-23 5-8 7-14 7-18 0-4-2-10-7-18-4-7-10-15-17-23-8-8-18-16-29-25-11-8-23-16-37-22-14-7-29-13-45-17-16-4-33-6-51-6-18 0-35 2-51 6-17 4-31 10-45 17-14 6-26 14-37 22-11 9-21 17-29 25-7 8-13 16-17 23-5 8-7 14-7 18 0 4 2 10 7 18 4 7 10 15 17 23 8 8 18 16 29 25 11 8 23 16 37 22 14 7 28 13 45 17 16 4 33 6 51 6z"/>
<glyph unicode="&#83;" d="M435 186l0-117-358 0 0 117-68 0 0-151c0-19 15-35 34-35l426 0c19 0 34 16 34 35l0 151z m-185 12l-99 118c0 0-15 15 2 15 16 0 55 0 55 0 0 0 0 9 0 24 0 41 0 118 0 149 0 0-2 8 11 8 12 0 68 0 78 0 9 0 8-7 8-7 0-30 0-109 0-149 0-13 0-22 0-22 0 0 32 0 52 0 19 0 5-15 5-15 0 0-84-111-96-122-8-9-16 1-16 1z"/>
</font></defs></svg>

Przed

Szerokość:  |  Wysokość:  |  Rozmiar: 31 KiB

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 31 KiB

Wyświetl plik

@ -269,8 +269,8 @@
}
&.collapsible {
// li.collapsed gets its height from the fieldset only, which is now hidden
// and h2 has position:absolute which doesn't add to it either, so it would be 0 without this
/* li.collapsed gets its height from the fieldset only, which is now hidden
and h2 has position:absolute which doesn't add to it either, so it would be 0 without this */
min-height: 41px;
h2{
@ -306,11 +306,34 @@
}
}
footer .preview{
button, .button{
background-color:lighten($color-grey-2,10%);
border-color:lighten($color-grey-2,10%);
/* styles applied to an element as it is being reordered */
.preview{
padding-top:1em;
padding-bottom:0.5em;
&:hover{
background-color:$color-grey-2;
border-color:$color-grey-2;
}
}
.dropdown{
input[type=button], input[type=submit], button, .button{
background-color:lighten($color-grey-2,10%);
border-color:lighten($color-grey-2,10%);
&:hover{
background-color:$color-grey-2;
border-color:$color-grey-2;
}
}
ul, .dropdown-toggle{
background-color:lighten($color-grey-2,10%);
}
.dropdown-toggle:hover,
&.open > .button + .dropdown-toggle{
background-color:$color-grey-2;
}
}
}
@media screen and (min-width: $breakpoint-mobile){

Wyświetl plik

@ -1,4 +1,4 @@
<input type="button" class="action-preview button"
<button class="action-preview button {% if icon %}icon icon-view{% endif %}"
data-action="{% url 'wagtailadmin_pages_preview_on_create' content_type.app_label content_type.model parent_page.id %}{% if mode %}?mode={{ mode|urlencode }}{% endif %}"
data-placeholder="{% url 'wagtailadmin_pages_preview_placeholder' %}"
data-windowname="wagtail_preview_{{ parent_page.id }}_child" value="{{ label }}" />
data-windowname="wagtail_preview_{{ parent_page.id }}_child">{{ label }}</button>

Wyświetl plik

@ -1,4 +1,4 @@
<input type="button" class="action-preview button"
<button class="action-preview button {% if icon %}icon icon-view{% endif %}"
data-action="{% url 'wagtailadmin_pages_preview_on_edit' page.id %}{% if mode %}?mode={{ mode|urlencode }}{% endif %}"
data-placeholder="{% url 'wagtailadmin_pages_preview_placeholder' %}"
data-windowname="wagtail_preview_{{ page.id }}" value="{{ label }}" />
data-windowname="wagtail_preview_{{ page.id }}">{{ label }}</button>

Wyświetl plik

@ -25,7 +25,7 @@
<footer>
<ul>
<li class="actions">
<div class="dropdown dropup match-width">
<div class="dropdown dropup button match-width">
<input type="submit" value="{% trans 'Save as draft' %}" class="button" />
<div class="dropdown-toggle icon icon-arrow-up"></div>
<ul role="menu">
@ -40,7 +40,7 @@
<li class="actions">
{% trans 'Preview' as preview_label %}
{% if display_modes|length > 1 %}
<div class="dropdown dropup match-width">
<div class="dropdown dropup button match-width">
{% include "wagtailadmin/pages/_preview_button_on_create.html" with label=preview_label %}
<div class="dropdown-toggle icon icon-arrow-up"></div>
<ul role="menu">

Wyświetl plik

@ -27,7 +27,7 @@
<footer>
<ul>
<li class="actions">
<div class="dropdown dropup match-width">
<div class="dropdown dropup dropdown-button match-width">
<input type="submit" value="{% trans 'Save draft' %}" class="button" />
<div class="dropdown-toggle icon icon-arrow-up"></div>
<ul role="menu">
@ -45,11 +45,11 @@
</div>
</li>
<li class="actions">
<li class="actions preview">
{% trans 'Preview' as preview_label %}
{% if display_modes|length > 1 %}
<div class="dropdown dropup match-width">
{% include "wagtailadmin/pages/_preview_button_on_edit.html" with label=preview_label %}
<div class="dropdown dropup dropdown-button match-width">
{% include "wagtailadmin/pages/_preview_button_on_edit.html" with label=preview_label icon=1 %}
<div class="dropdown-toggle icon icon-arrow-up"></div>
<ul role="menu">
{% for mode_name, mode_display_name in display_modes %}
@ -60,7 +60,7 @@
</ul>
</div>
{% else %}
{% include "wagtailadmin/pages/_preview_button_on_edit.html" with label=preview_label %}
{% include "wagtailadmin/pages/_preview_button_on_edit.html" with label=preview_label icon=1 %}
{% endif %}
</li>