Commit 20a1e101 authored by yPhil's avatar yPhil
Browse files

No icon in add button

- Only the spinner when searching, and the checkmark when found
parent d4de6184
......@@ -54,7 +54,7 @@ npm install
npm start
xdg-open http://localhost:8000
```
#### Test
#### Update
```sh
cd petrolette
......
@font-face {
font-family: 'fontello';
src: url('../font/fontello.eot?78914911');
src: url('../font/fontello.eot?78914911#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?78914911') format('woff2'),
url('../font/fontello.woff?78914911') format('woff'),
url('../font/fontello.ttf?78914911') format('truetype'),
url('../font/fontello.svg?78914911#fontello') format('svg');
src: url('../font/fontello.eot?43360452');
src: url('../font/fontello.eot?43360452#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?43360452') format('woff2'),
url('../font/fontello.woff?43360452') format('woff'),
url('../font/fontello.ttf?43360452') format('truetype'),
url('../font/fontello.svg?43360452#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
......@@ -15,48 +15,46 @@
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?78914911#fontello') format('svg');
src: url('../font/fontello.svg?43360452#fontello') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-left:before { content: '\e801'; } /* '' */
.icon-down:before { content: '\e802'; } /* '' */
.icon-upload:before { content: '\e803'; } /* '' */
.icon-up:before { content: '\e804'; } /* '' */
.icon-right:before { content: '\e806'; } /* '' */
......@@ -85,4 +83,5 @@
.icon-help:before { content: '\e827'; } /* '' */
.icon-video:before { content: '\e829'; } /* '' */
.icon-w3c:before { content: '\e830'; } /* '' */
.icon-reset:before { content: '\f831'; } /* '' */
\ No newline at end of file
.icon-down:before { content: '\e832'; } /* '' */
.icon-reset:before { content: '\f831'; } /* '' */
......@@ -1441,6 +1441,6 @@ code {
flex: 1;
}
.textAndIcon > span {
margin-right:0.3em;
.textAndIcon > i {
margin-left: 0.3em;
}
......@@ -179,7 +179,7 @@
{
"uid": "da74e2a8125fdbca337031474a48215a",
"css": "down",
"code": 59394,
"code": 59442,
"src": "elusive"
},
{
......
No preview for this file type
......@@ -8,8 +8,6 @@
<missing-glyph horiz-adv-x="1000" />
<glyph glyph-name="left" unicode="&#xe801;" d="M0 350l148 149 352 351 148-148-351-352 351-352-148-148-352 352z" horiz-adv-x="648" />
<glyph glyph-name="down" unicode="&#xe802;" d="M0 350q0 207 147 354t353 146 354-146 146-354-146-354-354-146-353 146-147 354z m248 55l252-377 252 377-135 0 0 267-234 0 0-267-135 0z" horiz-adv-x="1000" />
<glyph glyph-name="upload" unicode="&#xe803;" d="M0 84v73q0 33 24 56t57 24 56-24 24-56v-73q0-17 12-29t30-13h531q18 0 30 13t12 29v73q0 33 24 56t56 24 57-24 24-56v-73q0-84-59-143t-144-60h-531q-84 0-143 59t-60 144z m155 407q0 33 24 57l247 247q23 23 57 23 33 0 56-23l243-242q23-24 23-57t-23-57q-24-23-57-23t-57 23l-105 105v-344q0-33-24-57t-56-24q-33 0-57 24t-24 57v344l-110-110q-24-23-57-23t-56 23-24 57z" horiz-adv-x="937.5" />
<glyph glyph-name="up" unicode="&#xe804;" d="M366 790l334-334q31-31 31-73t-31-74-74-31-73 31l-83 82 0-377q0-44-31-74t-73-30q-43 0-74 31t-31 73l0 377-82-82q-31-31-74-31t-74 31-31 74 31 73z" horiz-adv-x="731" />
......@@ -66,7 +64,9 @@
<glyph glyph-name="w3c" unicode="&#xe830;" d="M0 84l0 766 1000 0 0-766-500-234z m84 461l63-275q3-14 17-14l47 0q14 0 18 14l23 113 21-113q4-14 18-14l49 0q14 0 17 14l61 275q2 10-3 16t-13 6l-50 0q-14 0-16-14l-23-121-26 121q-4 14-17 14l-38 0q-13 0-15-14l-26-121-25 121q-2 14-16 14l-50 0q-20 0-16-22z m344-242q37-51 103-53 45 2 76 30t32 68q-2 43-34 68 30 28 30 63-2 45-32 68t-72 24q-64 0-99-51-8-12 2-23l27-26q14-12 25 2 18 24 41 24 20 0 24-10 6-12 0-26-8-9-45-9-20 0-20-16l0-41q2-21 20-18 45 0 49-9t4-16q0-25-28-25-29 0-47 25-11 16-25 2l-29-29q-10-10-2-22z m232 108q0-73 36-117t95-44q70 0 104 75 3 19-10 23l-37 18q-6 2-14-1t-10-9q-12-29-33-29t-35 23-14 62 14 61 35 24q21-2 33-28 8-13 24-10l37 18q17 10 10 25-34 71-104 71-59 0-95-45t-36-117z" horiz-adv-x="1000" />
<glyph glyph-name="down" unicode="&#xe832;" d="M0 350q0 207 147 354t353 146 354-146 146-354-146-354-354-146-353 146-147 354z m248 55l252-377 252 377-135 0 0 267-234 0 0-267-135 0z" horiz-adv-x="1000" />
<glyph glyph-name="reset" unicode="&#xf831;" d="M0 350q0 95 37 182t100 149 150 100 182 37 182-37 149-100 100-149 37-182-37-182-100-150-149-100-182-37-182 37-150 100-100 150-37 182z m261-155q0-22 15-38 15-15 37-15 22 0 37 15l119 119 118-119q15-15 37-15 22 0 37 15 15 16 15 38t-15 37l-118 118 118 119q15 15 15 37t-15 37-37 15-37-15l-118-119-119 119q-15 15-37 15t-37-15q-15-15-15-37t15-37l118-119-118-118q-15-15-15-37z" horiz-adv-x="937.5" />
</font>
</defs>
</svg>
\ No newline at end of file
</svg>
No preview for this file type
......@@ -493,8 +493,7 @@ PTL.dialog = {
const $errorMessage = PTL.tr('No feed found at this URL');
$addButtonIcon
.removeClass('icon-refresh icon-checked spin')
.addClass('icon-error');
.removeClass('icon-refresh icon-checked spin');
$addButton
.addClass('ui-state-error')
......@@ -522,7 +521,7 @@ PTL.dialog = {
const feedUrl = DOMPurify.sanitize($feedAddInput.val());
$addButtonIcon
.removeClass('icon-checked icon-error icon-search ui-state-success ui-state-error')
.removeClass('icon-checked icon-error ui-state-success ui-state-error')
.addClass('spin icon-refresh');
$addButton
.removeClass('ui-state-success ui-state-error');
......
......@@ -182,6 +182,9 @@ PTL.i18n.translations = {
"Save" : { fr: "Sauver" , ja: "セーブ", es: "Salvar" },
"Add" : { fr: "Ajouter" , ja: "追加", es: "Añadir" },
"Searching" : { fr: "Recherche" , ja: "検索中", es: "Búsqueda" },
"Add feed" : { fr: "Ajouter flux" , ja: "ソースを追加", es: "Agregue fuente" },
"Add anyway" : { fr: "Ajouter quand même" , ja: "とにかく追加", es: "Agregar de todos modos" },
......
......@@ -21,7 +21,7 @@
<div class="textAndIcon">
<span class="buttonText translate"></span>
<i class="icon-search"></i>
<i></i>
</div>
</button>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment