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) => { const messages = this.state.messages.map((message, index) => {
return ( return (
<li key={index} className={`messages__item messages__item--${message.type}`}> <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> </li>
); );
}); });

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

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

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

@ -55,7 +55,7 @@ class PostList extends React.Component {
return ( return (
<div className="post-message"> <div className="post-message">
<div className="post-message__block"> <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> <p className="post-message__text">Select an item to show its unread posts</p>
</div> </div>
</div> </div>

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

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

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

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

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

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

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

@ -17,5 +17,9 @@
align-items: center; align-items: center;
margin: 5px; 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; align-items: center;
width: 80%; width: 80%;
& .gg-image { & i {
--ggs: 80%;
margin: 0 5px 0 0; margin: 0 5px 0 0;
min-width: 20px; min-width: 20px;
} }

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

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