Change Details

== Problem The existing font changer on mobilefrontend uses +/- controls and a the feedback is given with a % value to the user. This is a complicated control to use and the user expectation of 100%/110% is difficult to grasp. == Solution Create easy buckets of font sizes 1. Small - 90% 2. Regular - 100% (default) 3. Large - 120% 4. Extra Large - 140% The buckets can be selected with a [[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=desktop#DropdownWidget | dropdown widget. ]] {F10522010}

== Problem The existing font changer on mobilefrontend uses +/- controls and a the feedback is given with a % value to the user. This is a complicated control to use and the user expectation of 100%/110% is difficult to grasp. == Solution Create easy buckets of font sizes 1. Small - 90% 2. Regular - 100% (default) 3. Large - 120% 4. Extra Large - 140% The buckets can be selected with a [[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=desktop#DropdownWidget | dropdown widget. ]] {F10522010} == Developer notes We'll introduce the OOUI library (PHP+CSS) on this page. == Acceptance criteria [] OOUI css should not be loaded on any page other than Special:MobileOptions

== Problem The existing font changer on mobilefrontend uses +/- controls and a the feedback is given with a % value to the user. This is a complicated control to use and the user expectation of 100%/110% is difficult to grasp. == Solution Create easy buckets of font sizes 1. Small - 90% 2. Regular - 100% (default) 3. Large - 120% 4. Extra Large - 140% The buckets can be selected with a [[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=desktop#DropdownWidget | dropdown widget. ]] {F10522010} == Developer notes We'll introduce the OOUI library (PHP+CSS) on this page. == Acceptance criteria [] OOUI css should not be loaded on any page other than Special:MobileOptions