From be540f6a18e20bc9186e07fc247b36c01627a65b Mon Sep 17 00:00:00 2001 From: Pranjal Rajput Date: Sat, 27 Jan 2024 15:34:13 +0530 Subject: [PATCH 1/3] Added informative text to the "See more" button on hover on Articles tab --- .../articles/PaginatedArticleControls.jsx | 17 +++++++++++------ app/assets/stylesheets/modules/_tooltips.styl | 5 +++++ 2 files changed, 16 insertions(+), 6 deletions(-) diff --git a/app/assets/javascripts/components/articles/PaginatedArticleControls.jsx b/app/assets/javascripts/components/articles/PaginatedArticleControls.jsx index b8a245db15..04e40aaea9 100644 --- a/app/assets/javascripts/components/articles/PaginatedArticleControls.jsx +++ b/app/assets/javascripts/components/articles/PaginatedArticleControls.jsx @@ -42,12 +42,17 @@ export const PaginatedArticleControls = ({ showMore, limitReached }) => { />) : null } {!limitReached && ( - +
+ +
+

Click 'See more' to load the next subset of 500 articles and continue the seamless navigation through the articles with the pagination on the left.

+
+
) }

diff --git a/app/assets/stylesheets/modules/_tooltips.styl b/app/assets/stylesheets/modules/_tooltips.styl index 7346b9dddb..e5fd08bead 100644 --- a/app/assets/stylesheets/modules/_tooltips.styl +++ b/app/assets/stylesheets/modules/_tooltips.styl @@ -38,6 +38,11 @@ min-width 200px !important &:before margin-left 36% !important + &.tooltip-see-more + left -40% + min-width 200px !important + &:before + margin-left 36% !important &.large min-width 320px p From 5a902ce8e24ffd391a3353685ea27acf888bf266 Mon Sep 17 00:00:00 2001 From: Pranjal Rajput Date: Tue, 13 Feb 2024 19:05:47 +0530 Subject: [PATCH 2/3] Added Tooltip text in 'en.yml' & 'qqq.yml' --- .../components/articles/PaginatedArticleControls.jsx | 2 +- config/locales/en.yml | 1 + config/locales/qqq.yml | 1 + 3 files changed, 3 insertions(+), 1 deletion(-) diff --git a/app/assets/javascripts/components/articles/PaginatedArticleControls.jsx b/app/assets/javascripts/components/articles/PaginatedArticleControls.jsx index 04e40aaea9..106bf2131a 100644 --- a/app/assets/javascripts/components/articles/PaginatedArticleControls.jsx +++ b/app/assets/javascripts/components/articles/PaginatedArticleControls.jsx @@ -50,7 +50,7 @@ export const PaginatedArticleControls = ({ showMore, limitReached }) => { {I18n.t('articles.see_more')}

-

Click 'See more' to load the next subset of 500 articles and continue the seamless navigation through the articles with the pagination on the left.

+

{I18n.t('articles.see_more_tooltip')}

) diff --git a/config/locales/en.yml b/config/locales/en.yml index 6aec168148..802a60aa8f 100644 --- a/config/locales/en.yml +++ b/config/locales/en.yml @@ -206,6 +206,7 @@ en: ?: Unrated — an article that hasn't yet been rated on Wikipedia's quality scale does_not_exist: This article does not exist on Wikipedia see_more: See more + see_more_tooltip: Click 'See more' to load the next subset of 500 articles and continue the seamless navigation through the articles with the pagination on the left. search: Search Wikipedia for an Article show_cumulative_changes: Show Cumulative Changes show_current_version: Show Current Version diff --git a/config/locales/qqq.yml b/config/locales/qqq.yml index 9cf3f677e0..a97f4c1dd3 100644 --- a/config/locales/qqq.yml +++ b/config/locales/qqq.yml @@ -186,6 +186,7 @@ qqq: does_not_exist: Explanation of the Ø symbol, which indicates than the article does not exist on Wikipedia see_more: Message indicating that there are more articles to load + see_more_tooltip: Message displayed when clicking see more button to load next subsets of 500 articles title: |- Label for an article title. {{Identical|Title}} From 5e7c5174b58e904ec1bd0f907108f3838b1fb03d Mon Sep 17 00:00:00 2001 From: Pranjal Rajput Date: Thu, 15 Feb 2024 10:49:44 +0530 Subject: [PATCH 3/3] Updated en.yml & qqq.ml to different text --- config/locales/en.yml | 2 +- config/locales/qqq.yml | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/config/locales/en.yml b/config/locales/en.yml index 802a60aa8f..ab54b9a500 100644 --- a/config/locales/en.yml +++ b/config/locales/en.yml @@ -206,7 +206,7 @@ en: ?: Unrated — an article that hasn't yet been rated on Wikipedia's quality scale does_not_exist: This article does not exist on Wikipedia see_more: See more - see_more_tooltip: Click 'See more' to load the next subset of 500 articles and continue the seamless navigation through the articles with the pagination on the left. + see_more_tooltip: Only the first 500 edited articles are loaded initially. Click to load additional articles. search: Search Wikipedia for an Article show_cumulative_changes: Show Cumulative Changes show_current_version: Show Current Version diff --git a/config/locales/qqq.yml b/config/locales/qqq.yml index a97f4c1dd3..47aed7f697 100644 --- a/config/locales/qqq.yml +++ b/config/locales/qqq.yml @@ -186,7 +186,7 @@ qqq: does_not_exist: Explanation of the Ø symbol, which indicates than the article does not exist on Wikipedia see_more: Message indicating that there are more articles to load - see_more_tooltip: Message displayed when clicking see more button to load next subsets of 500 articles + see_more_tooltip: Tooltip message shown when hovering on "See More" button for loading additional articles title: |- Label for an article title. {{Identical|Title}}