Search and Diff CSS enhancements #14050

lunny · 2020-12-18T16:09:59Z

silverwind commented

2020-12-18 16:09:59 +00:00

(Migrated from github.com)

Use flexbox for language stats
Improve labels and code boxes on repo and code search
Use flexbox on diff header and improve suppressed diff text
Add dedicated color for diff expander
Multiple diff improvements, smaller header, always show triangle, image centering

- Use flexbox for language stats - Improve labels and code boxes on repo and code search - Use flexbox on diff header and improve suppressed diff text - Add dedicated color for diff expander - Multiple diff improvements, smaller header, always show triangle, image centering <img width="436" alt="Screen Shot 2020-12-18 at 16 23 30" src="https://user-images.githubusercontent.com/115237/102635201-4aebf200-4153-11eb-8da0-add9e760e5df.png"> <img width="1195" alt="Screen Shot 2020-12-18 at 16 35 38" src="https://user-images.githubusercontent.com/115237/102635317-6ce57480-4153-11eb-838f-dffab4a3b203.png"> <img width="1144" alt="Screen Shot 2020-12-18 at 23 03 17" src="https://user-images.githubusercontent.com/115237/102665874-f6ae3580-4185-11eb-876e-2ae505373c47.png"> <img width="1145" alt="Screen Shot 2020-12-19 at 01 29 45" src="https://user-images.githubusercontent.com/115237/102675446-b22c9500-4199-11eb-8632-03f54a584548.png"> <img width="1146" alt="Screen Shot 2020-12-19 at 01 29 37" src="https://user-images.githubusercontent.com/115237/102675452-b48eef00-4199-11eb-9c7b-ba8b08ac0c14.png"> <img width="1147" alt="Screen Shot 2020-12-19 at 01 26 05" src="https://user-images.githubusercontent.com/115237/102675320-33375c80-4199-11eb-933d-368ead602865.png">