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

Improve tooltips

Browse Source
This commit is contained in:
Tetrakern 2023-01-23 16:22:18 +01:00
parent 11d2a8bf24
commit c06ebdce7a
3 changed files with 8 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
includes/functions/_utility.php
View File

@ -1122,9 +1122,9 @@ function fcntr( $key, $escape = false ) {
'frontpage' => _x( 'Home', 'Frontpage page name, mainly used in breadcrumbs.', 'fictioneer' ),
'is_followed' => _x( 'Followed', 'Story is followed.', 'fictioneer' ),
'is_read' => _x( 'Read', 'Story or chapter is marked as read.', 'fictioneer' ),
'is_read_later' => _x( 'Read Later', 'Story is marked to be read later.', 'fictioneer' ),
'jump_to_comments' => __( 'Jump to Comments', 'fictioneer' ),
'jump_to_bookmark' => __( 'Jump to Bookmark', 'fictioneer' ),
'is_read_later' => _x( 'Read later', 'Story is marked to be read later.', 'fictioneer' ),
'jump_to_comments' => __( 'Jump to comments', 'fictioneer' ),
'jump_to_bookmark' => __( 'Jump to bookmark', 'fictioneer' ),
'login' => __( 'Login', 'fictioneer' ),
'login_modal' => _x( 'Login', 'Login modal heading.', 'fictioneer' ),
'login_with' => _x( 'Log in with', 'OAuth 2.0 login option plus appended icon.', 'fictioneer' ),

6
includes/functions/comments/_comments_form.php
View File

@ -163,7 +163,7 @@ if ( ! function_exists( 'fictioneer_change_submit_field' ) ) {
$private_toggle = '';
if ( get_option( 'fictioneer_enable_private_commenting' ) ) {
$private_toggle = '<div class="fictioneer-private-comment-toggle fictioneer-respond__form-toggle"><label><input name="fictioneer-private-comment-toggle" id="fictioneer-private-comment-toggle" type="checkbox" hidden><span class="tooltipped _mobile-tooltip" data-tooltip="' . _x( 'Toggle&nbsp;to&nbsp;mark&nbsp;as&nbsp;private. Hides the comment from uninvolved viewers.', 'Comment form private toggle.', 'fictioneer' ) . '"><i class="fa-solid fa-eye off"></i><i class="fa-solid fa-eye-slash on"></i></span></label></div>';
$private_toggle = '<div class="fictioneer-private-comment-toggle fictioneer-respond__form-toggle"><label><input name="fictioneer-private-comment-toggle" id="fictioneer-private-comment-toggle" type="checkbox" hidden><span class="tooltipped _mobile-tooltip" data-tooltip="' . _x( 'Toggle to mark as private. Hides the comment from uninvolved viewers.', 'Comment form private toggle.', 'fictioneer' ) . '"><i class="fa-solid fa-eye off"></i><i class="fa-solid fa-eye-slash on"></i></span></label></div>';
}
// Email subscriptions toggle
@ -173,7 +173,7 @@ if ( ! function_exists( 'fictioneer_change_submit_field' ) ) {
$notification_checked = $notification_checked && ( ! get_option( 'fictioneer_enable_public_cache_compatibility' ) || $is_ajax );
if ( get_option( 'fictioneer_enable_comment_notifications' ) && ! $notifications_blocked ) {
$notification_toggle = '<div class="fictioneer-comment-notification-toggle fictioneer-respond__form-toggle"><label><input name="fictioneer-comment-notification-toggle" id="fictioneer-comment-notification-toggle" type="checkbox" ' . checked( 1, $notification_checked, false ) . ' hidden><span class="tooltipped _mobile-tooltip" data-tooltip="' . _x( 'Toggle&nbsp;to&nbsp;get&nbsp;email notifications&nbsp;about direct replies.', 'Comment form email notification toggle.', 'fictioneer' ) . '"><i class="fa-solid fa-bell on"></i><i class="fa-solid fa-bell-slash off"></i></span></label></div>';
$notification_toggle = '<div class="fictioneer-comment-notification-toggle fictioneer-respond__form-toggle"><label><input name="fictioneer-comment-notification-toggle" id="fictioneer-comment-notification-toggle" type="checkbox" ' . checked( 1, $notification_checked, false ) . ' hidden><span class="tooltipped _mobile-tooltip" data-tooltip="' . _x( 'Toggle to get email notifications about direct replies.', 'Comment form email notification toggle.', 'fictioneer' ) . '"><i class="fa-solid fa-bell on"></i><i class="fa-solid fa-bell-slash off"></i></span></label></div>';
}
// Private comment notice for guests
@ -246,7 +246,7 @@ function fictioneer_comment_form_args( $defaults = [], $post_id = null ) {
sprintf(
fcntr( 'logged_in_as' ),
$profile_link,
esc_attr( sprintf( _x( 'Edit&nbsp;your&nbsp;profile', 'Tooltip in comment form.', 'fictioneer' ), $user_name ) ),
esc_attr( sprintf( _x( 'Edit your profile', 'Tooltip in comment form.', 'fictioneer' ), $user_name ) ),
$user_name,
fictioneer_get_logout_url( get_permalink( $post_id ) )
)

13
src/scss/common/_utility.scss
View File

@ -260,6 +260,8 @@ body:not(.is-editor):not(.is-admin) {
text-shadow: none;
padding: 6px 8px;
border-radius: var(--layout-border-radius-small);
width: max-content;
max-width: 150px;
opacity: 0;
transform: translate(-50%, -100%);
transition: opacity .1s;
@ -272,17 +274,6 @@ body:not(.is-editor):not(.is-admin) {
}
}
&--left {
&::before {
top: unset;
bottom: -50%;
}
&::before {
transform: translate(-100%, -50%);
}
}
&:hover {
&::before {
transition-delay: .3s;