zzos/react-native-devtools-frontend
1
0
Fork 0
mirror of https://github.com/react/react-native-devtools-frontend.git synced 2026-10-12 17:45:49 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
caa8fdff3dca19eb857212b1eeeca72e3f66a8bf
react-native-devtools-frontend/front_end/Images
T
History
Paul Lewis b47c6e25f9 [CSS Overview] Adds icons to headings 
Change-Id: I004c4e24bbf44dad200d99099a4b743d9455b088
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/1903469
Commit-Queue: Paul Lewis <aerotwist@chromium.org>
Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
2019-11-07 12:22:05 +00:00
..
src
Audits: Redesign the start view.
2019-11-07 04:02:56 +00:00
accelerometer-back.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
accelerometer-bottom.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
accelerometer-front.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
accelerometer-left.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
accelerometer-right.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
accelerometer-top.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
audits_logo.svg
Audits: Redesign the start view.
2019-11-07 04:02:56 +00:00
breakpoint.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
breakpointConditional.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
checkboxCheckmark.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
checker.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
chevrons.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
chromeDisabledSelect_2x.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
chromeDisabledSelect.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
chromeLeft.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
chromeMiddle.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
chromeRight.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
chromeSelect_2x.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
chromeSelect.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
cssoverview_icons_2x.png
[CSS Overview] Adds icons to headings
2019-11-07 12:22:05 +00:00
errorWave.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
ic_info_black_18dp.svg
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
ic_warning_black_18dp.svg
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
largeIcons.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
mediumIcons.svg
[DevTools] Create a Background Service view for Periodic Sync
2019-07-24 18:40:28 +00:00
navigationControls_2x.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
navigationControls.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
nodeIcon.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
popoverArrows.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
profileGroupIcon.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
profileIcon.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
profileSmallIcon.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
radioDot.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
readme.md
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
resizeDiagonal_2x.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resizeDiagonal.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resizeHorizontal_2x.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resizeHorizontal.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resizeVertical_2x.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resizeVertical.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resourceCSSIcon.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resourceDocumentIcon.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resourceDocumentIconSmall.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resourceJSIcon.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resourcePlainIcon.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resourcePlainIconSmall.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resourcesTimeGraphIcon.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
searchNext.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
searchPrev.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
securityIcons.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
smallIcons.svg
Preliminary UI for media log inspecting.
2019-10-08 18:24:30 +00:00
speech.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
toolbarResizerVertical.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
touchCursor_2x.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
touchCursor.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
treeoutlineTriangles.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
whatsnew.png
DevTools: Update What's New UI for Chrome 79
2019-10-16 21:18:02 +00:00

readme.md

Adding new icons

  1. Use Inkscape 0.92 or newer.
  2. Choose an existing spritesheet, like largeIcons.svg to add the icon to.
  • Make sure to edit the src/ version of the svg!
  1. Open that file with Inkscape and import the new SVG into the document
  2. Place in an open spot, and use guides to scale the icon to a good size, relative to other icons
  3. Any straight lines should be snapped to the closest pixel value.
    • Use the Edit paths by nodes tool (F2) to edit the path directly.
    • Tweak the X, Y values at the top to be integers.
  4. Optimize SVGs:
  • ./scripts/optimize_svg_images.py
  1. In ui/Icon.js add an entry in UI.Icon.Descriptors.
    • Look at the spritesheet's axes to identify the correct grid position.
  2. You may want to regenerate devtools resources:
    • ninja -C ~/chromium/src/out/Release/ devtools_frontend_resources
Reference in New Issue View Git Blame Copy Permalink