Update some png icons to svg.

Author: wcjohns

InterSpec/InterSpec.h

@@ -1170,8 +1170,8 @@ class InterSpec : public Wt::WContainerWidget
 
   PopupDivMenu *m_detectorToShowMenu;
   Wt::WPushButton *m_mobileMenuButton;
-  Wt::WPushButton *m_mobileBackButton;
-  Wt::WPushButton *m_mobileForwardButton;
+  Wt::WContainerWidget *m_mobileBackButton;
+  Wt::WContainerWidget *m_mobileForwardButton;
   Wt::WContainerWidget *m_notificationDiv; //has id="qtip-growl-container"
 
   void handleUserIncrementSampleNum( SpecUtils::SpectrumType type, bool increment);

InterSpec_resources/DbFileBrowser.css

@@ -9,6 +9,16 @@
   padding: 2px;
 }
 
+
+.SnapshotIcon
+{
+ margin: 0;
+ padding: 0;
+ padding-top: 1px;
+ padding-left: 2px;
+ padding-right: 1px;
+}
+
 .SnapshotTime
 {
   border-top: solid 1px #e1e1e1; 

InterSpec_resources/InterSpec.css

@@ -41,22 +41,27 @@ input
 
 
 #qtip-growl-container{
-position: fixed;
-top: 10px; right: 10px;
-z-index: 2000000000; /*super large number, nothing should cover this */
+  position: fixed;
+  top: 10px; right: 10px;
+  z-index: 2000000000; /*super large number, nothing should cover this */
 }
+
 #qtip-growl-container .qtip{
-position: static;
-min-height: 0;
-overflow: hidden;
-margin: 0 0 5px 0;
+  position: static;
+  min-height: 0;
+  overflow: hidden;
+  margin: 0 0 5px 0;
 }
 
+/* For electron builds, that dont use native menu, make sure warnings are below titlebar. */
+#qtip-growl-container.belowMenu {
+  top: 35px;
+}
 
 
 .imageBorder {
-padding:1px;
-border:1px solid #021a40;
+  padding:1px;
+  border:1px solid #021a40;
 }
 
 .FileUploadCover
@@ -232,21 +237,6 @@ width:100%;
   height: 16px;
 }
 
-/* ------------------------- */
-/* ----    ICON CLASS   ---- */
-/* ------------------------- */
-
-/* The IconClass style is required for the following icons to behave correctly */
-
-.IconClass, .IconClass:hover {
-  background-position: 3px center;
-  background-repeat: no-repeat;
-  padding-left: 21px;  /* width of the image plus a little extra padding */
-}
-
-.IconClass:disabled, .IconClass:disabled:hover {
-
-}
 
 
 /*
@@ -259,31 +249,19 @@ width:100%;
 }
 */
 
-.RefreshIcon,.RefreshIcon:hover
-{
-  background-image: url('../InterSpec_resources/images/arrow_refresh.png');
-  background-position: 3px center;
-  background-repeat: no-repeat;
-  padding-left: 21px;  /* width of the image plus a little extra padding */
-}
-
 
 .FooterHelpBtn
 {
   margin-top: 2px;
-  background: white;
-  float: left;
   width: 20px;
   height: 20px;
   cursor:pointer;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
+  opacity: 0.6;
 }
 
 .FooterHelpBtn:hover
 {
-  background: none;
+  opacity: 1.0;
 }
 
 /* A question mark help button suitable for displaying in the content of a tool (e.g., in the tools tabs).
@@ -726,6 +704,8 @@ overflow: auto;
 {
 vertical-align: middle;
 margin: 4px;
+width: 16px;
+height: 16px;
 }
 
 .titlebar

InterSpec_resources/InterSpecMobileApple.css

@@ -57,12 +57,6 @@ img.WhiteIcon[disabled]
   filter: brightness(0) saturate(100%) invert(52%) sepia(5%) saturate(902%) hue-rotate(185deg) brightness(95%) contrast(89%);
 }
 
-.FooterHelpBtnMbl
-{
-  cursor:pointer;
-  margin-top: 2px;
-}
-
 .PhoneAuxWindowFooter
 {
   padding-top: 6px;

InterSpec_resources/InterSpecMobileCommon.css

@@ -32,7 +32,7 @@
 
 .MobilePrevSample
 {
-  background: grey url(images/resultset_first.png);
+  background: url(images/resultset_first.svg);
   background-repeat:no-repeat;
   background-position: left;
   background-size: 32px 32px;
@@ -45,18 +45,14 @@
   opacity: .75;
   padding: 0px 20px 0px 15px  !important;
   text-align: right;
-  filter:gray; /* IE6-9 */
-  -webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-  -moz-filter: grayscale(100%);
-  -o-filter: grayscale(100%);
 
   /* The z-index is set with inline styling to 8388635 */
   /* z-index: 8388635; */ /*could use max val of 2147483638*/
 }
 
 .MobileNextSample
 {
-  background: grey url(images/resultset_last.png);
+  background: url(images/resultset_last.svg);
   background-repeat:no-repeat;
   background-position: right;
   background-size:32px 32px;
@@ -69,10 +65,6 @@
   height: 34px;
   opacity: .75;
   padding: 0px 15px 0px 20px !important;
-  filter:gray; /* IE6-9 */
-  -webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-  -moz-filter: grayscale(100%);
-  -o-filter: grayscale(100%);
   /* The z-index is set with inline styling to 8388635 */
   /* z-index: 8388635; */ /*could use max val of 2147483638*/
 }

InterSpec_resources/NuclideDecayInfo.css

@@ -232,21 +232,6 @@ cursor: default;
   margin-right: 15px;
 }
 
-.helpIcon,.helpIcon:hover
-{
-  float: right;  
-/*  margin-top: -6px; */
-/*  margin-right: 15px; */
-  border: 0px;
-  background: url(../InterSpec_resources/images/help.png);
-  background-repeat: no-repeat;
-  background-position: 3px center;
-  font-size: 0px;
-  width: 25px;
-  height: 25px;
-  cursor: help;
-}
-
 
 .ExportCsvLink
 {