diff --git a/bookwyrm/static/css/bookwyrm.css b/bookwyrm/static/css/bookwyrm.css
index 0724c7f1..3529afc2 100644
--- a/bookwyrm/static/css/bookwyrm.css
+++ b/bookwyrm/static/css/bookwyrm.css
@@ -96,7 +96,7 @@ body {
@see https://www.youtube.com/watch?v=9xXBYcWgCHA */
.shelf-option:disabled > *::after {
font-family: "icomoon"; /* stylelint-disable font-family-no-missing-generic-family-keyword */
- content: "\e918";
+ content: "\e919"; /* icon-check */
margin-left: 0.5em;
}
@@ -167,21 +167,21 @@ body {
/* All stars are visually filled by default. */
.form-rate-stars .icon::before {
- content: '\e9d9';
+ content: '\e9d9'; /* icon-star-full */
}
/* Icons directly following inputs that follow the checked input are emptied. */
.form-rate-stars input:checked ~ input + .icon::before {
- content: '\e9d7';
+ content: '\e9d7'; /* icon-star-empty */
}
/* When a label is hovered, repeat the fill-all-then-empty-following pattern. */
.form-rate-stars:hover .icon.icon::before {
- content: '\e9d9';
+ content: '\e9d9'; /* icon-star-full */
}
.form-rate-stars .icon:hover ~ .icon::before {
- content: '\e9d7';
+ content: '\e9d7'; /* icon-star-empty */
}
/** Book covers
@@ -292,13 +292,13 @@ body {
}
.quote > blockquote::before {
- content: "\e906";
+ content: "\e907"; /* icon-quote-open */
top: 0;
left: 0;
}
.quote > blockquote::after {
- content: "\e905";
+ content: "\e906"; /* icon-quote-close */
right: 0;
}
diff --git a/bookwyrm/static/css/fonts/icomoon.eot b/bookwyrm/static/css/fonts/icomoon.eot
index 2c801b2b..12526617 100644
Binary files a/bookwyrm/static/css/fonts/icomoon.eot and b/bookwyrm/static/css/fonts/icomoon.eot differ
diff --git a/bookwyrm/static/css/fonts/icomoon.svg b/bookwyrm/static/css/fonts/icomoon.svg
index 6327b19e..76581584 100644
--- a/bookwyrm/static/css/fonts/icomoon.svg
+++ b/bookwyrm/static/css/fonts/icomoon.svg
@@ -7,34 +7,34 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/bookwyrm/static/css/fonts/icomoon.ttf b/bookwyrm/static/css/fonts/icomoon.ttf
index 242ca739..b0567ff8 100644
Binary files a/bookwyrm/static/css/fonts/icomoon.ttf and b/bookwyrm/static/css/fonts/icomoon.ttf differ
diff --git a/bookwyrm/static/css/fonts/icomoon.woff b/bookwyrm/static/css/fonts/icomoon.woff
index 67b0f0a6..60d1742c 100644
Binary files a/bookwyrm/static/css/fonts/icomoon.woff and b/bookwyrm/static/css/fonts/icomoon.woff differ
diff --git a/bookwyrm/static/css/vendor/icons.css b/bookwyrm/static/css/vendor/icons.css
index db783c24..e9216e24 100644
--- a/bookwyrm/static/css/vendor/icons.css
+++ b/bookwyrm/static/css/vendor/icons.css
@@ -1,10 +1,10 @@
@font-face {
font-family: 'icomoon';
- src: url('../fonts/icomoon.eot?19nagi');
- src: url('../fonts/icomoon.eot?19nagi#iefix') format('embedded-opentype'),
- url('../fonts/icomoon.ttf?19nagi') format('truetype'),
- url('../fonts/icomoon.woff?19nagi') format('woff'),
- url('../fonts/icomoon.svg?19nagi#icomoon') format('svg');
+ src: url('../fonts/icomoon.eot?wjd7rd');
+ src: url('../fonts/icomoon.eot?wjd7rd#iefix') format('embedded-opentype'),
+ url('../fonts/icomoon.ttf?wjd7rd') format('truetype'),
+ url('../fonts/icomoon.woff?wjd7rd') format('woff'),
+ url('../fonts/icomoon.svg?wjd7rd#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
@@ -25,6 +25,90 @@
-moz-osx-font-smoothing: grayscale;
}
+.icon-book:before {
+ content: "\e901";
+}
+.icon-envelope:before {
+ content: "\e902";
+}
+.icon-arrow-right:before {
+ content: "\e903";
+}
+.icon-bell:before {
+ content: "\e904";
+}
+.icon-x:before {
+ content: "\e905";
+}
+.icon-quote-close:before {
+ content: "\e906";
+}
+.icon-quote-open:before {
+ content: "\e907";
+}
+.icon-image:before {
+ content: "\e908";
+}
+.icon-pencil:before {
+ content: "\e909";
+}
+.icon-list:before {
+ content: "\e90a";
+}
+.icon-unlock:before {
+ content: "\e90b";
+}
+.icon-globe:before {
+ content: "\e90c";
+}
+.icon-lock:before {
+ content: "\e90d";
+}
+.icon-chain-broken:before {
+ content: "\e90e";
+}
+.icon-chain:before {
+ content: "\e90f";
+}
+.icon-comments:before {
+ content: "\e910";
+}
+.icon-comment:before {
+ content: "\e911";
+}
+.icon-boost:before {
+ content: "\e912";
+}
+.icon-arrow-left:before {
+ content: "\e913";
+}
+.icon-arrow-up:before {
+ content: "\e914";
+}
+.icon-arrow-down:before {
+ content: "\e915";
+}
+.icon-local:before {
+ content: "\e917";
+}
+.icon-dots-three:before {
+ content: "\e918";
+}
+.icon-check:before {
+ content: "\e919";
+}
+.icon-dots-three-vertical:before {
+ content: "\e91a";
+}
+.icon-bookmark:before {
+ content: "\e91b";
+}
+.icon-warning:before {
+ content: "\e91c";
+}
+.icon-rss:before {
+ content: "\e91d";
+}
.icon-graphic-heart:before {
content: "\e91e";
}
@@ -34,102 +118,6 @@
.icon-graphic-banknote:before {
content: "\e920";
}
-.icon-warning:before {
- content: "\e91b";
-}
-.icon-book:before {
- content: "\e900";
-}
-.icon-bookmark:before {
- content: "\e91a";
-}
-.icon-rss:before {
- content: "\e91d";
-}
-.icon-envelope:before {
- content: "\e901";
-}
-.icon-arrow-right:before {
- content: "\e902";
-}
-.icon-bell:before {
- content: "\e903";
-}
-.icon-x:before {
- content: "\e904";
-}
-.icon-quote-close:before {
- content: "\e905";
-}
-.icon-quote-open:before {
- content: "\e906";
-}
-.icon-image:before {
- content: "\e907";
-}
-.icon-pencil:before {
- content: "\e908";
-}
-.icon-list:before {
- content: "\e909";
-}
-.icon-unlock:before {
- content: "\e90a";
-}
-.icon-unlisted:before {
- content: "\e90a";
-}
-.icon-globe:before {
- content: "\e90b";
-}
-.icon-public:before {
- content: "\e90b";
-}
-.icon-lock:before {
- content: "\e90c";
-}
-.icon-followers:before {
- content: "\e90c";
-}
-.icon-chain-broken:before {
- content: "\e90d";
-}
-.icon-chain:before {
- content: "\e90e";
-}
-.icon-comments:before {
- content: "\e90f";
-}
-.icon-comment:before {
- content: "\e910";
-}
-.icon-boost:before {
- content: "\e911";
-}
-.icon-arrow-left:before {
- content: "\e912";
-}
-.icon-arrow-up:before {
- content: "\e913";
-}
-.icon-arrow-down:before {
- content: "\e914";
-}
-.icon-home:before {
- content: "\e915";
-}
-.icon-local:before {
- content: "\e916";
-}
-.icon-dots-three:before {
- content: "\e917";
-}
-.icon-check:before {
- content: "\e918";
-}
-.icon-dots-three-vertical:before {
- content: "\e919";
-}
.icon-search:before {
content: "\e986";
}
@@ -148,3 +136,6 @@
.icon-plus:before {
content: "\ea0a";
}
+.icon-question-circle:before {
+ content: "\e900";
+}
diff --git a/bookwyrm/templates/components/tooltip.html b/bookwyrm/templates/components/tooltip.html
new file mode 100644
index 00000000..06b13f34
--- /dev/null
+++ b/bookwyrm/templates/components/tooltip.html
@@ -0,0 +1,11 @@
+{% load i18n %}
+
+{% trans "Help" as button_text %}
+{% include 'snippets/toggle/open_button.html' with text=button_text class="ml-3 is-rounded is-small is-white p-0 pb-1" icon="question-circle is-size-6" controls_text=controls_text controls_uid=controls_uid %}
+
+
diff --git a/bookwyrm/templates/import.html b/bookwyrm/templates/import/import.html
similarity index 89%
rename from bookwyrm/templates/import.html
rename to bookwyrm/templates/import/import.html
index d2e40748..cc296b75 100644
--- a/bookwyrm/templates/import.html
+++ b/bookwyrm/templates/import/import.html
@@ -12,9 +12,14 @@
-
+
+
+
+ {% include 'import/tooltip.html' with controls_text="goodreads-tooltip" %}
+
+