zzos/react-native-devtools-frontend
1
0
Fork 0
mirror of https://github.com/react/react-native-devtools-frontend.git synced 2026-10-07 04:26:32 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
3387bd406401f6f200d4ae2d3012f2332f656708
react-native-devtools-frontend/front_end/Images
T
History
Kateryna Prokopenko d8da6adce1 Make link to the Icon component how-to doc public 
Bug: chromium:1126031
Change-Id: I34039890d5e2dfb36cbf272673e837867e293998
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2479127
Reviewed-by: Simon Zünd <szuend@chromium.org>
Reviewed-by: Sigurd Schneider <sigurds@chromium.org>
Commit-Queue: Kateryna Prokopenko <kprokopenko@google.com>
2020-10-16 11:50:57 +00:00
..
src
Update Images readme and add comments to the spritesheets.
2020-10-15 11:04:33 +00:00
accelerometer-back.svg
Losslessly optimize SVG image assets
2019-12-13 09:47:48 +00:00
accelerometer-bottom.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
accelerometer-front.svg
Losslessly optimize SVG image assets
2019-12-13 09:47:48 +00:00
accelerometer-left.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
accelerometer-right.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
accelerometer-top.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
breaking_change_icon.svg
Icon component
2020-10-14 15:04:42 +00:00
BUILD.gn
Move copy_inspector_images to Images/
2020-07-16 10:18:25 +00:00
checkboxCheckmark.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
checker.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
chevrons.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
chromeDisabledSelect_2x.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
chromeDisabledSelect.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
chromeLeft.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
chromeMiddle.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
chromeRight.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
chromeSelect_2x.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
chromeSelect.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
cssoverview_icons_2x.png
[CSS Overview] Adds icons to headings
2019-11-07 12:22:05 +00:00
elements_panel_icon.svg
Replace icons in the issues tab with the new Icon component
2020-10-15 08:25:03 +00:00
errorWave.svg
DevTools: SVG Icons
2019-06-10 23:19:12 +00:00
ic_info_black_18dp.svg
Losslessly optimize SVG image assets
2019-12-13 09:47:48 +00:00
ic_show_node_16x16.svg
Add a button to reveal the element to the Layout pane
2020-08-18 07:10:18 +00:00
ic_suggest_color.svg
Reland: suggest accessible color
2020-08-19 08:09:47 +00:00
ic_warning_black_18dp.svg
Losslessly optimize SVG image assets
2019-12-13 09:47:48 +00:00
largeIcons.svg
Update Images readme and add comments to the spritesheets.
2020-10-15 11:04:33 +00:00
lighthouse_logo.svg
Reland "[Lighthouse] Rename Audits panel to Lighthouse"
2020-02-18 01:56:25 +00:00
link_icon.svg
Replace icons in the issues tab with the new Icon component
2020-10-15 08:25:03 +00:00
mediumIcons.svg
Update Images readme and add comments to the spritesheets.
2020-10-15 11:04:33 +00:00
navigationControls_2x.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
navigationControls.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
network_panel_icon.svg
Replace icons in the issues tab with the new Icon component
2020-10-15 08:25:03 +00:00
node_search_icon.svg
Icon component
2020-10-14 15:04:42 +00:00
nodeIcon.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
OWNERS
Seed some owners in front_end
2020-05-18 15:59:12 +00:00
popoverArrows.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
profileGroupIcon.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
profileIcon.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
profileSmallIcon.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
radioDot-dark-theme.png
Improve radio button styles for dark theme
2019-12-12 09:20:57 +00:00
radioDot.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
readme.md
Make link to the Icon component how-to doc public
2020-10-16 11:50:57 +00:00
resizeDiagonal.svg
Device preview: replace PNG icons with SVGs
2020-08-26 17:51:53 +00:00
resizeHorizontal.svg
Device preview: replace PNG icons with SVGs
2020-08-26 17:51:53 +00:00
resizeVertical.svg
Device preview: replace PNG icons with SVGs
2020-08-26 17:51:53 +00:00
resourceCSSIcon.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
resourceDocumentIcon.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
resourceDocumentIconSmall.png
The Great Blink mv for source files, part 2.
2018-04-07 15:32:37 +00:00
resourceJSIcon.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +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
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
searchNext.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
searchPrev.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
securityIcons.svg
Losslessly optimize SVG image assets
2019-12-13 09:47:48 +00:00
smallIcons.svg
Update Images readme and add comments to the spritesheets.
2020-10-15 11:04:33 +00:00
speech.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
toolbarResizerVertical.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +00:00
touchCursor_2x.png
Losslessly optimize PNG image assets
2019-12-12 12:23:13 +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
Update What's New UI for Chrome 87
2020-09-30 07:32:47 +00:00

readme.md

Adding new icons

  1. Out of a spritesheet (if you have a separately saved icon already go to 2.):

    • Open a spritesheet with the icon of interest, like largeIcons.svg.
    • Make sure it's the src/ version of the spritesheet.
    • Copy-paste the icon to a new page. Make sure it preserved its original size.
    • Set the size of the page to match the icon. Ideally 1-2px bigger.
    • Center the icon within the page.
    • Save the icon with _icon.svg suffix. For instance list_icon.svg.

  2. Compress the icon:

  3. Add the compressed icon to front_end/Images/src folder.

  4. Optimize:

    • ./scripts/optimize_svg_images.py.

  5. Add respective entries to .gni files.

    • Update the devtols_image_files list in devtools_image_files.gni.
    • Update the grd_files_release_sources list in devtools_grd_files.gni.

  6. Use Icon component:

Reference in New Issue View Git Blame Copy Permalink