malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Unify sticky pin icon

Browse Source
This commit is contained in:
Tetrakern 2023-07-09 18:41:31 +02:00
parent 7df10bfa4d
commit 9a508ec1f2
4 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/comments.css
View File

File diff suppressed because one or more lines are too long

2
img/icon-sprite.svg
View File

@ -41,6 +41,4 @@
<symbol id="icon-fa-minus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z" fill="currentColor" /></symbol> <symbol id="icon-fa-minus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z" fill="currentColor" /></symbol>
<symbol id="icon-fa-xmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z" fill="currentColor" /></symbol> <symbol id="icon-fa-xmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z" fill="currentColor" /></symbol>
<svg id="icon-sticky-pin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M32 32C32 14.3 46.3 0 64 0H320c17.7 0 32 14.3 32 32s-14.3 32-32 32H290.5l11.4 148.2c36.7 19.9 65.7 53.2 79.5 94.7l1 3c3.3 9.8 1.6 20.5-4.4 28.8s-15.7 13.3-26 13.3H32c-10.3 0-19.9-4.9-26-13.3s-7.7-19.1-4.4-28.8l1-3c13.8-41.5 42.8-74.8 79.5-94.7L93.5 64H64C46.3 64 32 49.7 32 32zM160 384h64v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V384z"/></svg>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
includes/functions/comments/_comments_threads.php
View File

@ -531,7 +531,7 @@ if ( ! function_exists( 'fictioneer_theme_comment' ) ) {
$timestamp_ms = $timestamp * 1000; $timestamp_ms = $timestamp * 1000;
$open = "<$tag id=\"comment-{$comment->comment_ID}\" {$comment_class} data-id=\"{$comment->comment_ID}\" data-depth=\"$depth\" data-timestamp=\"$timestamp_ms\" $fingerprint_data>"; $open = "<$tag id=\"comment-{$comment->comment_ID}\" {$comment_class} data-id=\"{$comment->comment_ID}\" data-depth=\"$depth\" data-timestamp=\"$timestamp_ms\" $fingerprint_data>";
$open .= "<div id=\"div-comment-{$comment->comment_ID}\" class=\"fictioneer-comment__container\">"; $open .= "<div id=\"div-comment-{$comment->comment_ID}\" class=\"fictioneer-comment__container\">";
if ( $is_sticky ) $open .= fictioneer_get_icon( 'sticky-pin' ); if ( $is_sticky ) $open .= '<i class="fa-solid fa-thumbtack sticky-pin"></i>';
// Hidden private comments // Hidden private comments
if ( $comment->comment_type === 'private' && $is_hidden && ! $commentcode && ! $ajax_in_progress && ! $is_child_of_private ) { if ( $comment->comment_type === 'private' && $is_hidden && ! $commentcode && ! $ajax_in_progress && ! $is_child_of_private ) {

6
src/scss/comments.scss
View File

@ -378,17 +378,17 @@
display: none; display: none;
} }
.icon._sticky-pin { .sticky-pin {
position: absolute; position: absolute;
top: -7px; top: -7px;
right: 4px; right: 6px;
color: var(--fg-700); color: var(--fg-700);
transform: rotate(30deg); transform: rotate(30deg);
} }
} }
&:not(._sticky) { &:not(._sticky) {
> div :is(button[data-action=unsticky], .icon._sticky-pin) { > div :is(button[data-action=unsticky], .sticky-pin) {
display: none; display: none;
} }
} }