Change Details

### Setup instructions See https://phabricator.wikimedia.org/project/profile/3689/ # Skills |HTML| ◾️◾️◽️◽️◽️| |CSS| ◾️◾️◾️◾️◽️| |Design| ◾️◾️◾️◾️◽️| *** >>! In T187672 @Krinkle said: > Alignment of method names vs visibility indicators. When interacting with the page and searching and jumping between methods, I found myself getting confused multiple times by the visibility indicator in front of the method name. Some form of visual aid and alignment would help here, I think. The JSDuck equivalent did a lot here. It separated the indicator from the heading by encapsulating the indicator in a bubble, it also used a different text style (all-caps), text size (smaller), and colour (purple/orange vs blue). Doing all of these is probably overkill, but we may need one or two of these compared to now. Perhaps move the indicator to after the signature, and perhaps right-aligned and/or using a third color (in addition to grey and blue), or a different wrapping (e.g. square brackets). I expect you'll have better ideas here :)

### Setup instructions See https://phabricator.wikimedia.org/project/profile/3689/ # Skills |HTML| ◾️◾️◽️◽️◽️| |CSS| ◾️◾️◾️◾️◽️| |Design| ◾️◾️◾️◾️◽️| *** >>! In T187672 @Krinkle said: > Alignment of method names vs visibility indicators. When interacting with the page and searching and jumping between methods, I found myself getting confused multiple times by the visibility indicator in front of the method name. Some form of visual aid and alignment would help here, I think. The JSDuck equivalent did a lot here. It separated the indicator from the heading by encapsulating the indicator in a bubble, it also used a different text style (all-caps), text size (smaller), and colour (purple/orange vs blue). Doing all of these is probably overkill, but we may need one or two of these compared to now. Perhaps move the indicator to after the signature, and perhaps right-aligned and/or using a third color (in addition to grey and blue), or a different wrapping (e.g. square brackets). I expect you'll have better ideas here :) |State|Current|Proposed| |--|--|--| |Closed|{F27277326}|{F27277328}| |Open|{F27277330}|{F27277332}|

### Setup instructions See https://phabricator.wikimedia.org/project/profile/3689/ # Skills |HTML| ◾️◾️◽️◽️◽️| |CSS| ◾️◾️◾️◾️◽️| |Design| ◾️◾️◾️◾️◽️| *** >>! In T187672 @Krinkle said: > Alignment of method names vs visibility indicators. When interacting with the page and searching and jumping between methods, I found myself getting confused multiple times by the visibility indicator in front of the method name. Some form of visual aid and alignment would help here, I think. The JSDuck equivalent did a lot here. It separated the indicator from the heading by encapsulating the indicator in a bubble, it also used a different text style (all-caps), text size (smaller), and colour (purple/orange vs blue). Doing all of these is probably overkill, but we may need one or two of these compared to now. Perhaps move the indicator to after the signature, and perhaps right-aligned and/or using a third color (in addition to grey and blue), or a different wrapping (e.g. square brackets). I expect you'll have better ideas here :) |State|Current|Proposed| |--|--|--| |Closed|{F27277326}|{F27277328}| |Open|{F27277330}|{F27277332}|