sonny/newsreader
1
0
Fork 0
Code Issues 13 Pull requests 2 Projects Releases 58 Packages Wiki Activity Actions

Replace remaining icons

Browse source
This commit is contained in:
Sonny Bakker 2021-02-07 12:12:32 +01:00
parent 7224aa3fdf
commit 6e01353e89
10 changed files with 15 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/newsreader/js/components/Messages.js
View file

@ -17,7 +17,7 @@ class Messages extends React.Component {
const messages = this.state.messages.map((message, index) => {
return (
<li key={index} className={`messages__item messages__item--${message.type}`}>
{message.text} <i className="gg-close" onClick={() => this.close(index)} />
{message.text} <i className="fas fa-times" onClick={() => this.close(index)} />
</li>
);
});

2
src/newsreader/js/pages/categories/components/CategoryCard.js
View file

@ -11,7 +11,7 @@ const CategoryCard = props => {
if (rule.favicon) {
favicon = <img className="favicon" src={rule.favicon} />;
} else {
favicon = <i className="gg-image" />;
favicon = <i className="fas fa-image" />;
}
return (

2
src/newsreader/js/pages/homepage/components/postlist/PostList.js
View file

@ -55,7 +55,7 @@ class PostList extends React.Component {
return (
<div className="post-message">
<div className="post-message__block">
<i className="gg-arrow-left" />
<i class="fas fa-arrow-left" />
<p className="post-message__text">Select an item to show its unread posts</p>
</div>
</div>

8
src/newsreader/news/collection/templates/news/collection/views/rules.html
View file

@ -58,16 +58,16 @@
</td>
<td class="table__item rules-table__item">
{% if rule.failed %}
<i class="gg-danger"></i>
<i class="fas fa-exclamation-triangle"></i>
{% else %}
<i class="gg-check"></i>
<i class="fas fa-check"></i>
{% endif %}
</td>
<td class="table__item rules-table__item">
{% if rule.enabled %}
<i class="gg-check"></i>
<i class="fas fa-check"></i>
{% else %}
<i class="gg-play-pause"></i>
<i class="fas fa-pause"></i>
{% endif %}
</td>
</tr>

2
src/newsreader/news/core/templates/news/core/widgets/rule.html
View file

@ -7,7 +7,7 @@
{% if option.instance.favicon %}
<img class="favicon" src="{{ option.instance.favicon }}" />
{% else %}
<i class="gg-image"></i>
<i class="fas fa-image"></i>
{% endif %}
<span>{{ option.label }}</span>

3
src/newsreader/scss/components/messages/_messages.scss
View file

@ -29,11 +29,10 @@
background-color: $transparant-green;
}
& .gg-close {
& i {
position: absolute;
top: 15px;
right: 15px;
--ggs: 2;
}
}

4
src/newsreader/scss/components/post-message/_post-message.scss
View file

@ -17,5 +17,9 @@
align-items: center;
margin: 5px;
& i {
padding: 0 7px 0 0;
}
}
}

3
src/newsreader/scss/components/rules/_rules.scss
View file

@ -27,8 +27,7 @@
align-items: center;
width: 80%;
& .gg-image {
--ggs: 80%;
& i {
margin: 0 5px 0 0;
min-width: 20px;
}

2
src/newsreader/templates/base.html
View file

@ -28,7 +28,7 @@
{% endif %}
</ol>
<i class="theme-switcher gg-dark-mode"></i>
<i class="theme-switcher fas fa-adjust"></i>
</nav>
{% if messages %}

16
todo.txt
View file

@ -1,16 +0,0 @@
# font awesome refactor
To be refactored:
- src/newsreader/js/pages/categories/components/CategoryCard.js:14: favicon = <i className="gg-image" />;
- src/newsreader/js/pages/homepage/components/postlist/PostList.js:58: <i className="gg-arrow-left" />
- src/newsreader/js/components/Messages.js:20: {message.text} <i className="gg-close" onClick={() => this.close(index)} />
- src/newsreader/templates/base.html:31: <i class="theme-switcher gg-dark-mode"></i>
- src/newsreader/news/core/templates/news/core/widgets/rule.html:10: <i class="gg-image"></i>
- src/newsreader/news/collection/templates/news/collection/views/rules.html:61: <i class="gg-danger"></i>
- src/newsreader/news/collection/templates/news/collection/views/rules.html:63: <i class="gg-check"></i>
- src/newsreader/news/collection/templates/news/collection/views/rules.html:68: <i class="gg-check"></i>
- src/newsreader/news/collection/templates/news/collection/views/rules.html:70: <i class="gg-play-pause"></i>
- src/newsreader/scss/components/messages/_messages.scss:32: & .gg-close {
- src/newsreader/scss/components/rules/_rules.scss:30: & .gg-image {
- New dark colors for buttons