feat: replace error page icon (#84)

BREAKING CHANGE: The icon `gdoc_telescope` was removed. If you are using this icon you have to replace it.
This commit is contained in:
Robert Kaussow 2021-03-04 22:01:10 +01:00 committed by GitHub
parent 458e108e15
commit 9ab80e989e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 12 additions and 12 deletions

View File

@ -4,6 +4,7 @@
"arrow_right_alt", "arrow_right_alt",
"bitbucket", "bitbucket",
"bookmark", "bookmark",
"cloud_off",
"code", "code",
"date", "date",
"download", "download",
@ -22,6 +23,5 @@
"person", "person",
"search", "search",
"shield", "shield",
"tags", "tags"
"telescope"
] ]

View File

@ -14,7 +14,7 @@
<main class="gdoc-error flex-even"> <main class="gdoc-error flex-even">
<div class="flex align-center justify-center"> <div class="flex align-center justify-center">
<div class="gdoc-error__icon"> <div class="gdoc-error__icon">
<svg class="icon gdoc_telescope"><use xlink:href="#gdoc_telescope"></use></svg> <svg class="icon gdoc_cloud_off"><use xlink:href="#gdoc_cloud_off"></use></svg>
</div> </div>
<div class="gdoc-error__message"> <div class="gdoc-error__message">
<div class="gdoc-error__line gdoc-error__title">Lost?</div> <div class="gdoc-error__line gdoc-error__title">Lost?</div>

5
src/icons/cloud_off.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 28 28">
<title>cloud_off</title>
<path d="M9.023 10.5h-2.023q-1.914 0-3.281 1.395t-1.367 3.309 1.367 3.281 3.281 1.367h11.375zM3.5 4.976l1.477-1.477 19.523 19.523-1.477 1.477-2.352-2.297h-13.672q-2.898 0-4.949-2.051t-2.051-4.949q0-2.844 1.969-4.867t4.758-2.133zM22.586 10.554q2.242 0.164 3.828 1.832t1.586 3.965q0 3.008-2.461 4.758l-1.695-1.695q1.805-0.984 1.805-3.063 0-1.422-1.039-2.461t-2.461-1.039h-1.75v-0.602q0-2.68-1.859-4.539t-4.539-1.859q-1.531 0-2.953 0.711l-1.75-1.695q2.133-1.367 4.703-1.367 2.953 0 5.496 2.078t3.090 4.977z"></path>
</svg>

After

Width:  |  Height:  |  Size: 676 B

View File

@ -1,5 +0,0 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>telescope</title>
<path d="M25.026 3.335c-0.049-0.122-0.147-0.217-0.27-0.263s-0.26-0.036-0.376 0.025l-11.018 5.813c-0.207 0.109-0.3 0.356-0.216 0.575l0.227 0.593-6.36 3.488c-0.208 0.114-0.296 0.366-0.205 0.583l0.211 0.508-6.755 3.228c-0.222 0.106-0.322 0.367-0.228 0.595l1.386 3.341c0.074 0.178 0.245 0.286 0.428 0.286 0.052 0 0.104-0.008 0.155-0.027l7.056-2.5 0.211 0.508c0.073 0.177 0.244 0.286 0.428 0.286 0.043 0 0.085-0.006 0.129-0.019l6.733-1.941 0.202 0.527c0.069 0.182 0.243 0.297 0.43 0.297 0.045 0 0.091-0.006 0.136-0.020l12.030-3.702c0.124-0.038 0.226-0.126 0.281-0.242s0.060-0.252 0.012-0.371l-4.627-11.568zM2.109 21.061l-1.049-2.53 6.314-3.018 1.332 3.211-6.596 2.337zM9.966 19.353l-0.22-0.531c0 0 0 0 0 0l-1.706-4.113c0 0 0 0 0 0l-0.22-0.53 5.863-3.216 2.197 5.676 0.347 0.908-6.261 1.806zM17.471 18.207l-0.188-0.491c-0.003-0.010-0.001-0.022-0.006-0.032l-0.572-1.478-2.549-6.668 10.201-5.381 4.249 10.624-11.136 3.428zM26.414 1.484c-0.095-0.238-0.366-0.353-0.602-0.258s-0.353 0.365-0.258 0.602l5.552 13.881c0.073 0.181 0.247 0.291 0.43 0.291 0.057 0 0.116-0.010 0.172-0.033 0.237-0.095 0.353-0.365 0.258-0.602l-5.553-13.881zM16.268 20.627h-2.776c-1.055 0-1.851 0.796-1.851 1.851v1.217l-5.44 6.347c-0.167 0.193-0.144 0.486 0.050 0.652 0.087 0.075 0.194 0.112 0.301 0.112 0.13 0 0.26-0.055 0.351-0.162l5.415-6.316h2.101v6.015c0 0.255 0.207 0.463 0.463 0.463s0.463-0.207 0.463-0.463v-6.015h2.101l5.414 6.316c0.092 0.107 0.221 0.162 0.352 0.162 0.106 0 0.214-0.037 0.301-0.112 0.194-0.167 0.217-0.458 0.050-0.652l-5.44-6.347v-1.148c0-1.076-0.813-1.92-1.851-1.92zM17.193 23.404h-4.627v-0.925c0-0.545 0.38-0.925 0.925-0.925h2.776c0.527 0 0.925 0.428 0.925 0.995v0.856z"></path>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -488,8 +488,8 @@ img {
max-width: 45em; max-width: 45em;
.icon { .icon {
width: $font-size-16 * 6; width: $font-size-16 * 8;
height: $font-size-16 * 6; height: $font-size-16 * 8;
color: $gray-700; color: $gray-700;
} }

View File

@ -27,8 +27,8 @@
padding: $padding-16 * 6 $padding-16; padding: $padding-16 * 6 $padding-16;
.icon { .icon {
width: $font-size-16 * 4; width: $font-size-16 * 6;
height: $font-size-16 * 4; height: $font-size-16 * 6;
} }
&__message { &__message {