Page MenuHomePhabricator

A mockup for settings page of GlobalWatchlist.js
OpenPublic

Authored By
Masumrezarock100, Nov 13 2019
Referenced Files
F30947155: image.png
Nov 14 2019, 9:28 AM
F31065214: Screenshot_20191114-113553.png
Nov 14 2019, 6:10 AM
F31064259: Screenshot_20191113-194010.png
Nov 13 2019, 2:14 PM
F31064257: Screenshot_20191113-194111.png
Nov 13 2019, 2:14 PM
F31064173: Screenshot_20191113-172241.png
Nov 13 2019, 11:54 AM
F31064167: Screenshot_20191113-171433.png
Nov 13 2019, 11:50 AM
F31064163: Screenshot_20191113-171506.png
Nov 13 2019, 11:47 AM

Mock History

Current Revision213

Mock Description

A mockup for settings page of GlobalWatchlist.js

Event Timeline

Masumrezarock100 created A mockup for settings page of GlobalWatchlist.js.Nov 13 2019, 11:47 AM

I guess I am done here.

Inline Comments

Save button should be at the bottom

Save and Reset changes made button should go here. Order is, first "Save" and then "Reset changes made" button. There is another button that should be here, Restore default settings which would restore default settings. Make that button destructive (+primary?).

Should be progressive and primary action.

Should be destructive and move it to the bottom

It could be renamed to Back to Global Watchlist" or we can just assign a previous` icon and keep the current label to make it look like so.

I haven't thought about it yet.

@DannyS712 Which one do you prefer?
[snip]

What about combining them, with both the icon and saying "Back to Global Watchlist"?

How about making the Add more button a label less icon only button? I mean it's pretty obvious to users that a plus sign signifies "Add". (Ignore the blue border, it appeared because I hovered my mouse over it)

Screenshot_20191114-113553.png (480×960 px, 6 KB)

It will also reduce the number of messages to translate. Same goes for Remove button. We can just use substract icon, and remove the label.

@DannyS712 How about converting the Switch to Development/Stable Version button to a ToggleSwitch? A button doesn't seem to be the best fit for this kind of input. Make it like Special:MobileOptions. You are already using a toggle switch in the settings page.

image.png (974×2 px, 131 KB)

@Masumrezarock100 maybe in 6.0 - the trouble is that each branch of the script only knows what I tell it, and so far its just been what the edit to the global.js needs to be to perform the switch