Alamantus
/
Readlebee
mirror of https://gitlab.com/Alamantus/Readlebee.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Add reload icon

This commit is contained in:
Robbie Antenesse 2019-09-25 14:25:36 -06:00
parent 192a78188c
commit dd131550dc
13 changed files with 35 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/fonts/fontello/css/icons-codes.css vendored
View File

@ -5,6 +5,7 @@
.icon-heart-outline:before { content: '\e803'; } /* '' */
.icon-heart-filled:before { content: '\e804'; } /* '' */
.icon-comment:before { content: '\e805'; } /* '' */
.icon-reload:before { content: '\e806'; } /* '' */
.icon-check:before { content: '\e807'; } /* '' */
.icon-plus:before { content: '\e808'; } /* '' */
.icon-loading:before { content: '\e839'; } /* '' */

13
app/fonts/fontello/css/icons-embedded.css vendored
View File

File diff suppressed because one or more lines are too long

1
app/fonts/fontello/css/icons-ie7-codes.css vendored
View File

@ -5,6 +5,7 @@
.icon-heart-outline { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-heart-filled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-comment { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-reload { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-loading { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

1
app/fonts/fontello/css/icons-ie7.css vendored
View File

@ -16,6 +16,7 @@
.icon-heart-outline { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-heart-filled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-comment { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-reload { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-loading { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

15
app/fonts/fontello/css/icons.css vendored
View File

@ -1,11 +1,11 @@
@font-face {
font-family: 'icons';
src: url('../font/icons.eot?59778868');
src: url('../font/icons.eot?59778868#iefix') format('embedded-opentype'),
url('../font/icons.woff2?59778868') format('woff2'),
url('../font/icons.woff?59778868') format('woff'),
url('../font/icons.ttf?59778868') format('truetype'),
url('../font/icons.svg?59778868#icons') format('svg');
src: url('../font/icons.eot?91391620');
src: url('../font/icons.eot?91391620#iefix') format('embedded-opentype'),
url('../font/icons.woff2?91391620') format('woff2'),
url('../font/icons.woff?91391620') format('woff'),
url('../font/icons.ttf?91391620') format('truetype'),
url('../font/icons.svg?91391620#icons') format('svg');
font-weight: normal;
font-style: normal;
}
@ -15,7 +15,7 @@
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'icons';
src: url('../font/icons.svg?59778868#icons') format('svg');
src: url('../font/icons.svg?91391620#icons') format('svg');
}
}
*/
@ -61,6 +61,7 @@
.icon-heart-outline:before { content: '\e803'; } /* '' */
.icon-heart-filled:before { content: '\e804'; } /* '' */
.icon-comment:before { content: '\e805'; } /* '' */
.icon-reload:before { content: '\e806'; } /* '' */
.icon-check:before { content: '\e807'; } /* '' */
.icon-plus:before { content: '\e808'; } /* '' */
.icon-loading:before { content: '\e839'; } /* '' */

13
app/fonts/fontello/demo.html
View File

@ -229,11 +229,11 @@ body {
}
@font-face {
font-family: 'icons';
src: url('./font/icons.eot?54567039');
src: url('./font/icons.eot?54567039#iefix') format('embedded-opentype'),
url('./font/icons.woff?54567039') format('woff'),
url('./font/icons.ttf?54567039') format('truetype'),
url('./font/icons.svg?54567039#icons') format('svg');
src: url('./font/icons.eot?91427620');
src: url('./font/icons.eot?91427620#iefix') format('embedded-opentype'),
url('./font/icons.woff?91427620') format('woff'),
url('./font/icons.ttf?91427620') format('truetype'),
url('./font/icons.svg?91427620#icons') format('svg');
font-weight: normal;
font-style: normal;
}
@ -306,10 +306,11 @@ body {
<div class="row">
<div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon icon-heart-filled">&#xe804;</i> <span class="i-name">icon-heart-filled</span><span class="i-code">0xe804</span></div>
<div class="the-icons span3" title="Code: 0xe805"><i class="demo-icon icon-comment">&#xe805;</i> <span class="i-name">icon-comment</span><span class="i-code">0xe805</span></div>
<div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon icon-reload">&#xe806;</i> <span class="i-name">icon-reload</span><span class="i-code">0xe806</span></div>
<div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon icon-check">&#xe807;</i> <span class="i-name">icon-check</span><span class="i-code">0xe807</span></div>
<div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon icon-plus">&#xe808;</i> <span class="i-name">icon-plus</span><span class="i-code">0xe808</span></div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon icon-plus">&#xe808;</i> <span class="i-name">icon-plus</span><span class="i-code">0xe808</span></div>
<div class="the-icons span3" title="Code: 0xe839"><i class="demo-icon icon-loading animate-spin">&#xe839;</i> <span class="i-name">icon-loading</span><span class="i-code">0xe839</span></div>
<div class="the-icons span3" title="Code: 0xf08e"><i class="demo-icon icon-external">&#xf08e;</i> <span class="i-name">icon-external</span><span class="i-code">0xf08e</span></div>
<div class="the-icons span3" title="Code: 0xf123"><i class="demo-icon icon-star-half">&#xf123;</i> <span class="i-name">icon-star-half</span><span class="i-code">0xf123</span></div>

BIN
app/fonts/fontello/font/icons.eot
View File

Binary file not shown.

2
app/fonts/fontello/font/icons.svg
View File

@ -18,6 +18,8 @@
<glyph glyph-name="comment" unicode="&#xe805;" d="M781 662l-625 0q-21 0-37-15t-15-36l0-365q0-21 15-37t37-16l157 0 0-8 8 8 460 0q22 0 37 16t16 37l0 365q0 21-16 36t-37 15z m0 105q65 0 111-46t46-110l0-365q0-65-46-111t-111-45l-416 0-156-157 0 157-53 0q-65 0-110 45t-46 111l0 365q0 65 46 110t110 46l625 0z" horiz-adv-x="938" />
<glyph glyph-name="reload" unicode="&#xe806;" d="M843 261q0-3 0-4-36-150-150-243t-267-93q-81 0-157 31t-136 88l-72-72q-11-11-25-11t-25 11-11 25v250q0 14 11 25t25 11h250q14 0 25-11t10-25-10-25l-77-77q40-36 90-57t105-20q74 0 139 37t104 99q6 10 30 66 4 13 16 13h107q8 0 13-6t5-12z m14 446v-250q0-14-10-25t-26-11h-250q-14 0-25 11t-10 25 10 25l77 77q-82 77-194 77-75 0-140-37t-104-99q-6-10-29-66-5-13-17-13h-111q-7 0-13 6t-5 12v4q36 150 151 243t268 93q81 0 158-31t137-88l72 72q11 11 25 11t26-11 10-25z" horiz-adv-x="857.1" />
<glyph glyph-name="check" unicode="&#xe807;" d="M625 676q38-20 49-63t-9-80l-260-469q-30-53-91-53-43 0-74 31l-209 207q-31 32-31 74t31 74 74 31 74-31l111-110 193 347q20 38 62 50t80-8z" horiz-adv-x="679" />
<glyph glyph-name="plus" unicode="&#xe808;" d="M729 454q44 0 74-31t31-73-31-73-74-30l-208 3 0-212q0-43-30-73t-75-31-73 31-30 73l3 212-212-3q-44 0-74 30t-30 73 30 73 74 31l212 0-3 209q0 42 30 73t73 31 75-31 30-73l0-209 208 0z" horiz-adv-x="834" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
app/fonts/fontello/font/icons.ttf
View File

Binary file not shown.

BIN
app/fonts/fontello/font/icons.woff
View File

Binary file not shown.

BIN
app/fonts/fontello/font/icons.woff2
View File

Binary file not shown.

6
app/fonts/fontello/fontello-config.json
View File

@ -71,6 +71,12 @@
"css": "comment",
"code": 59397,
"src": "typicons"
},
{
"uid": "a73c5deb486c8d66249811642e5d719a",
"css": "reload",
"code": 59398,
"src": "fontawesome"
}
]
}

4
app/views/home/loggedOut.js
View File

@ -53,7 +53,7 @@ export const loggedOutView = (homeController, emit) => {
<header>
<h3>${__('home.logged_out_recent_reviews')}</h3>
<button class="small pseudo pull-right tooltip-left" data-tooltip=${__('interaction.reload')}>
<i class="icon-loading"></i><!--/* This needs to get updated to a reload icon */-->
<i class="icon-reload"></i>
</button>
</header>
<footer>
@ -66,7 +66,7 @@ export const loggedOutView = (homeController, emit) => {
<header>
<h3>${__('home.logged_out_recent_updates')}</h3>
<button class="small pseudo pull-right tooltip-left" data-tooltip=${__('interaction.reload')}>
<i class="icon-loading"></i><!--/* This needs to get updated to a reload icon */-->
<i class="icon-reload"></i>
</button>
</header>
<footer>