Adds envelope icon

This commit is contained in:
Mouse Reeve 2020-10-28 12:44:30 -07:00
parent 544605007b
commit 3c5f6d19fb
6 changed files with 90 additions and 119 deletions

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 23 KiB

View file

@ -1,10 +1,10 @@
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?v0wquk');
src: url('fonts/icomoon.eot?v0wquk#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?v0wquk') format('truetype'),
url('fonts/icomoon.woff?v0wquk') format('woff'),
url('fonts/icomoon.svg?v0wquk#icomoon') format('svg');
src: url('fonts/icomoon.eot?7ifunb');
src: url('fonts/icomoon.eot?7ifunb#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?7ifunb') format('truetype'),
url('fonts/icomoon.woff?7ifunb') format('woff'),
url('fonts/icomoon.svg?7ifunb#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
@ -13,7 +13,7 @@
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
@ -25,26 +25,71 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow-right:before {
.icon-envelope:before {
content: "\e900";
}
.icon-arrow-left:before {
content: "\e910";
.icon-arrow-right:before {
content: "\e901";
}
.icon-arrow-up:before {
content: "\e911";
}
.icon-arrow-down:before {
content: "\e912";
.icon-bell:before {
content: "\e902";
}
.icon-x:before {
content: "\e902";
content: "\e903";
}
.icon-cancel:before {
content: "\e902";
.icon-quote-close:before {
content: "\e904";
}
.icon-close:before {
content: "\e902";
.icon-quote-open:before {
content: "\e905";
}
.icon-image:before {
content: "\e906";
}
.icon-pencil:before {
content: "\e907";
}
.icon-list:before {
content: "\e908";
}
.icon-unlock:before {
content: "\e909";
}
.icon-globe:before {
content: "\e90a";
}
.icon-lock:before {
content: "\e90b";
}
.icon-chain-broken:before {
content: "\e90c";
}
.icon-chain:before {
content: "\e90d";
}
.icon-comments:before {
content: "\e90e";
}
.icon-comment:before {
content: "\e90f";
}
.icon-boost:before {
content: "\e910";
}
.icon-arrow-left:before {
content: "\e911";
}
.icon-arrow-up:before {
content: "\e912";
}
.icon-arrow-down:before {
content: "\e913";
}
.icon-home:before {
content: "\e914";
}
.icon-local:before {
content: "\e915";
}
.icon-search:before {
content: "\e986";
@ -61,78 +106,3 @@
.icon-heart:before {
content: "\e9da";
}
.icon-local:before {
content: "\e914";
}
.icon-home:before {
content: "\e913";
}
.icon-quote-close:before {
content: "\e903";
}
.icon-quote-open:before {
content: "\e904";
}
.icon-image:before {
content: "\e905";
}
.icon-photo:before {
content: "\e905";
}
.icon-picture-o:before {
content: "\e905";
}
.icon-pencil:before {
content: "\e906";
}
.icon-list:before {
content: "\e907";
}
.icon-unlock:before {
content: "\e908";
}
.icon-unlisted:before {
content: "\e908";
}
.icon-globe:before {
content: "\e909";
}
.icon-global:before {
content: "\e909";
}
.icon-federated:before {
content: "\e909";
}
.icon-public:before {
content: "\e909";
}
.icon-lock:before {
content: "\e90a";
}
.icon-private:before {
content: "\e90a";
}
.icon-chain-broken:before {
content: "\e90b";
}
.icon-unlink:before {
content: "\e90b";
}
.icon-chain:before {
content: "\e90c";
}
.icon-link:before {
content: "\e90c";
}
.icon-comments:before {
content: "\e90d";
}
.icon-comment:before {
content: "\e90e";
}
.icon-boost:before {
content: "\e90f";
}
.icon-bell:before {
content: "\e901";
}

View file

@ -24,11 +24,11 @@
<div class="card-footer-item">
{% if status.privacy == 'public' %}
<span class="icon icon-public">
<span class="icon icon-globe">
<span class="is-sr-only">Public post</span>
</span>
{% elif status.privacy == 'unlisted' %}
<span class="icon icon-unlisted">
<span class="icon icon-unlock">
<span class="is-sr-only">Unlisted post</span>
</span>
{% elif status.privacy == 'followers' %}
@ -36,7 +36,7 @@
<span class="is-sr-only">Followers-only post</span>
</span>
{% else %}
<span class="icon icon-lock">
<span class="icon icon-envelope">
<span class="is-sr-only">Private post</span>
</span>
{% endif %}
@ -45,7 +45,7 @@
{% csrf_token %}
<input type="hidden" name="status" value="{{ status.id }}">
<button type="submit">
<span class="icon icon-cancel">
<span class="icon icon-x">
<span class="is-sr-only">Delete post</span>
</span>
</button>