Change 'Publish now' button to be a 'normal' icon button

- grey, not green
- new icon, button text hidden
- includes new icon build

References #262
This commit is contained in:
Matthias Mees 2015-01-17 16:21:42 +01:00
parent 4c97a041cc
commit b295e617df
6 changed files with 14 additions and 9 deletions

View File

@ -49,6 +49,7 @@
<glyph glyph-name="right-dir" unicode="&#xe828;" d="m321 350q0-14-10-25l-250-250q-11-11-25-11t-25 11-11 25v500q0 15 11 25t25 11 25-11l250-250q10-10 10-25z" horiz-adv-x="357.1" />
<glyph glyph-name="th-list" unicode="&#xe829;" d="m286 154v-108q0-22-16-37t-38-16h-178q-23 0-38 16t-16 37v108q0 22 16 38t38 15h178q22 0 38-15t16-38z m0 285v-107q0-22-16-38t-38-15h-178q-23 0-38 15t-16 38v107q0 23 16 38t38 16h178q22 0 38-16t16-38z m714-285v-108q0-22-16-37t-38-16h-535q-23 0-38 16t-16 37v108q0 22 16 38t38 15h535q23 0 38-15t16-38z m-714 571v-107q0-22-16-38t-38-16h-178q-23 0-38 16t-16 38v107q0 22 16 38t38 16h178q22 0 38-16t16-38z m714-286v-107q0-22-16-38t-38-15h-535q-23 0-38 15t-16 38v107q0 23 16 38t38 16h535q23 0 38-16t16-38z m0 286v-107q0-22-16-38t-38-16h-535q-23 0-38 16t-16 38v107q0 22 16 38t38 16h535q23 0 38-16t16-38z" horiz-adv-x="1000" />
<glyph glyph-name="block" unicode="&#xe82a;" d="m732 352q0 90-48 164l-421-420q76-50 166-50 62 0 118 25t96 65 65 97 24 119z m-557-167l421 421q-75 50-167 50-83 0-153-40t-110-112-41-152q0-91 50-167z m682 167q0-88-34-168t-91-137-137-92-166-34-167 34-137 92-91 137-34 168 34 167 91 137 137 91 167 34 166-34 137-91 91-137 34-167z" horiz-adv-x="857.1" />
<glyph glyph-name="share" unicode="&#xe82b;" d="m679 279q74 0 126-53t52-126-52-126-126-53-127 53-52 126q0 7 1 19l-201 100q-51-48-121-48-75 0-127 53t-52 126 52 126 127 53q70 0 121-48l201 100q-1 12-1 19 0 74 52 126t127 53 126-53 52-126-52-126-126-53q-71 0-122 48l-201-100q1-12 1-19t-1-19l201-100q51 48 122 48z" horiz-adv-x="857.1" />
</font>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -86,7 +86,7 @@
<input type="hidden" name="serendipity[adminAction]" value="publish" />
<input type="hidden" name="serendipity[id]" value="{$entry.id}" />
{$token}
<button type="submit">{$CONST.PUBLISH}</button>
<button class="publish_now" type="submit"><span class="icon-share"></span><span class="visuallyhidden">{$CONST.PUBLISH}</span></button>
</form>
</li>
{/if}

View File

@ -353,14 +353,14 @@ nav ol {
/* ICON FONT: http://fortawesome.github.com/Font-Awesome/ */
@font-face {
font-family: 'fontello';
src: url('{TEMPLATE_PATH}font/fontello.eot?35316753');
src: url('{TEMPLATE_PATH}font/fontello.eot?35316753#iefix') format('embedded-opentype'),
url('{TEMPLATE_PATH}font/fontello.woff?35316753') format('woff'),
url('{TEMPLATE_PATH}font/fontello.ttf?35316753') format('truetype'),
url('{TEMPLATE_PATH}font/fontello.svg?35316753#fontello') format('svg');
font-weight: normal;
font-style: normal;
font-family: 'fontello';
src: url('{TEMPLATE_PATH}font/fontello.eot?50916206');
src: url('{TEMPLATE_PATH}font/fontello.eot?50916206#iefix') format('embedded-opentype'),
url('{TEMPLATE_PATH}font/fontello.woff?50916206') format('woff'),
url('{TEMPLATE_PATH}font/fontello.ttf?50916206') format('truetype'),
url('{TEMPLATE_PATH}font/fontello.svg?50916206#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
@ -423,6 +423,7 @@ nav ol {
.icon-right-dir:before { content: '\e828'; }
.icon-th-list:before { content: '\e829'; }
.icon-block:before { content: '\e82a'; }
.icon-share:before { content: '\e82b'; }
/* BACKEND HELPER CLASSES */
@ -598,6 +599,7 @@ input[type="submit"] {
.button_link,
.tabs > ul a,
button,
button[type="submit"].publish_now,
input[type="button"] {
background: #ddd;
background-image: -webkit-linear-gradient(#fff, #ddd);
@ -635,6 +637,7 @@ input[type="submit"].state_cancel:visited {
.button_link:hover,
.tabs > ul a:hover,
button:hover,
button[type="submit"].publish_now:hover,
input[type="button"]:hover {
background: #ccc;
background-image: -webkit-linear-gradient(#fff, #eee 1px, #ccc);
@ -668,6 +671,7 @@ input[type="submit"].state_cancel:focus {
input:checked + .media_selector,
.tabs > ul .on a,
.button_link:active,
button[type="submit"].publish_now:active,
.tabs > ul a:active,
button:active,
input[type="button"]:active {