The P1s and P2s described in the audit are accounted for below and in the mocks above.
Network 01 - top level
- Rename section from "Internet Connection" to "Network"
- Ensure there's 20px between wifi icon and "Wi-Fi" ---> [Edge of card > 20px > icon > 20px > Wi-Fi]
- Ensure you're using the new settings_box row heights: single-line: 48px // double-line: 64px
- Remove "+" icon from "Add connection"
Network 02 - Wi-Fi subpage
- Known networks: Swap arrow and 3-dot menu
- Known networks: remove divider between Preferred/Known networks
- Known networks: add dividers between networks
- Known networks: use iron-icon.trash instead of "X" for removing preferred network
- Material spinner looks too big. TBA
- Lock badge on network icon should be darker/smaller (same as system menu)
- Ensure you're using the new settings_box row heights: single-line: 48px // double-line: 64px
- Connected network name should not be bold in network list
- "On" should be font-weight: 500 (medium)
Network 03 - Network subpage
- Add a line above "Known networks"
- "Connected" on network detail page is too large
- After our discussion, we talked about organizing "Advanced" in a better way, so now they are 3 separate drawers. LMK if that makes sense
Network 04 - Join network dialogs
In https://screenshot.googleplex.com/aetqpE0XEiQ.png :
1) There shouldn't be a divider between "Preferred networks" and "All networks" sections
2) The divider between the subpage arrow and 3-dot menu shouldn't be the full height of the row.
Comment 1 by bettes@chromium.org
, Mar 15 2017