Merge d463674 into c10d6d5

openmdao/visualization/n2_viewer/style/icon.css

@@ -1,4 +1,42 @@
 /******************* Icon styling *******************/
+
+/*
+Instructions on editing the icons used for the toolbar.
+
+	1. Go to https://icomoon.io/app/#/select
+	2. In the top left corner press import icons and select all the icons in
+		the openmdao/visualization/n2_viewer/assets/toolbar_graphics/icomoon_icons/SVG folder
+	4. Depending on whether you want to remove, replace, or edit an icon:
+		- If you want to remove an icon, in the icomoon toolbar there should be a trash icon.
+			Click that and then click the icon you wish to remove. Click the Select button in the icomoon toolbar
+			if you are finished removing icons to go back to selection mode.
+		- If you want to make a new icon, you need to use either Sketch or Adobe Illustrator, or any other SVG editing
+			tool and make a new SVG file. Then using the hamburger menu on the icomoon site, select Import to Set and
+			select your new SVG file.
+		- If you want to modify an icon, edit the existing SVG file located
+			in openmdao/visualization/n2_viewer/assets/toolbar_graphics/icomoon_icons/SVG. Be sure to keep the same
+			name of the file
+			Then on the icomoon site, press on the hamburger menu on the right side and select Import to Set.
+			Select the modified SVG file.
+			A dialog will popup asking Replace existing icons?. Click the Replace button.
+			This process will overwrite the existing icon on the icomoon site with the imported one.
+	5. Once you have made all the changes you wish to make, you need to select all the icons by using the hamburger
+		menu and clicking Select All, then in the bottom right corner press Generate Font.
+		Then press Download in the bottom right
+	6. Save the zip file and unzip it
+	7. If you added or removed any icons, you need to update the icomoon section of this css file. See the next
+		section. Open up the style.css file downloaded from icomoon. Copy everything except the @font-face part of that
+		file. Paste that into the contents of the icomoon section of this file replacing it.
+	8. Replace the existing openmdao/visualization/n2_viewer/style/icomoon.woff file with the one in the zip file
+		downloaded from icomoon.
+	9. If you want the icons in a format other than SVG, from the icomoon Web app page, click Generate SVG & More.
+		From the page that is then displayed, click the gear icon in lower left next to the Download button. In the
+		window that comes up, select the formats you want and close the window. Click the Download button. 
+*/
+
+/* Beginning of section is copied from the icomoon style.css file that is generated by icomoon and is contained in the zip
+	file that is downloaded from icomoon
+ */
 [class^='icon-'],
 [class*=' icon-'] {
 	/* use !important to prevent issues with browser extensions that change fonts */
@@ -123,6 +161,9 @@
 	content: '\ea5f';
 }
 
+/* End of section is copied from the icomoon style.css file that is generated by icomoon */
+
+
 [class^='icon-']:before,
 [class*=' icon-']:before {
 	display: inline-block;