On Special:MentorDashboard (testwiki) the visual alignment of the textbox element and the pagination label/arrows icon is not optimal.
Description
Details
Status | Subtype | Assigned | Task | ||
---|---|---|---|---|---|
Resolved | None | T340453 [Epic] FY 2023-24 Growth Maintenance Work | |||
Open | None | T325082 Eslint: configure browser compatibility | |||
Open | None | T367429 [Epic] FY 2024-25 Growth Maintenance Work | |||
Open | Sgs | T296646 [Epic] Migration of front-end modules to Vue.js components | |||
Open | None | T297763 Migration of Mentor dashboard modules to Vue | |||
Resolved | Sgs | T300532 Migration of mentee overview to Vue | |||
Resolved | Sgs | T315711 [minor] MentorDashboard - textbox "Show [number of mentees]" should be aligned with pagination icons |
Event Timeline
Hello @Etonkovidova, can you please clarify the wiki the screenshot is
from? I'm asking, because I'd like to know whether this is an issue in the
non-Vue version (production wikis excluding testwiki) or in the new Vue
version (beta wikis and testwiki). If this is from the Vue version, it
should probably be a subtask of T300532.
Ping @Etonkovidova about the question above :)
If it's the Vue version, let's put it into current sprint and make it a subtask of T300532, as @Urbanecm_WMF suggested.
Thanks, @kostajh and @Urbanecm_WMF! The issue was reported on testwiki (I've updated the task description - sorry for that omission). This task is now added to the current sprint and added as a sub-task to T300532.
Change 831835 had a related patch set uploaded (by Sergio Gimeno; author: Sergio Gimeno):
[mediawiki/extensions/GrowthExperiments@master] Mentee overview(vue): vertically align pagination and users to show text
Change 831835 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Mentee overview(vue): vertically align pagination and users to show text
Only enwiki and arwiki have the Vue version of the dashboard enabled in the beta cluster. Was this tested in one of these wikis? Looking at the "Show 10" selector in the screenshot, it belongs to the old version. The selector in the Vue version looks "framed" rather than "quiet".
@Sergio - you're right! When checking, I was concerned only with alignment (which is fixed for non-Vue version also). Show selector is framed on enwiki betalabs. Below is the screenshot: