mirror of
https://github.com/bookwyrm-social/bookwyrm.git
synced 2024-11-15 21:31:26 +00:00
Tooltip icon
This commit is contained in:
Mouse Reeve
parent
1bf09459b5
commit
4570d042a9
7 changed files with 128 additions and 137 deletions
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
Binary file not shown.
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 33 KiB |
Binary file not shown.
Binary file not shown.
193
bookwyrm/static/css/vendor/icons.css
vendored
193
bookwyrm/static/css/vendor/icons.css
vendored
|
|
@ -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";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{% load i18n %}
|
||||
|
||||
{% trans "Help" as button_text %}
|
||||
{% include 'snippets/toggle/open_button.html' with text=button_text class="ml-2 is-rounded is-small" icon="heart" controls_text=controls_text controls_uid=controls_uid %}
|
||||
{% 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 %}
|
||||
|
||||
<aside class="notification is-hidden transition-y is-pulled-left mb-2" id="{{ controls_text }}{% if controls_uid %}-{{ controls_uid }}{% endif %}">
|
||||
{% trans "Close" as button_text %}
|
||||
|
|
|
|||
Loading…
Reference in a new issue