Adding a new icon to new features

Author: may-hartov

demo/v2-demo/settings_interact.html

@@ -32,8 +32,14 @@
                         <li class="" onclick="Report_UpdateSettings()">Update settings</li>
                         <li class="" onclick="Report_Reload()">Reload</li>
                         <li class="" onclick="Report_Refresh()">Refresh</li>
-                        <li class="" onclick="Report_Extensions_OptionsMenu()">Extend options menu</li>
-                        <li class="" onclick="Report_Extensions_ContextMenu()">Extend context menu</li>
+                        <li class="newOperation" onclick="Report_Extensions_OptionsMenu()">
+                            <p>Extend options menu</p>
+                            <img src="images\new.svg"/>
+                        </li>
+                        <li class="newOperation" onclick="Report_Extensions_ContextMenu()">
+                            <p>Extend context menu</p>
+                            <img src="images\new.svg"/>
+                        </li>
                         <li class="" onclick="Report_FullScreen()">Full screen</li>
                         <li class="" onclick="Report_ExitFullScreen()">Exit full screen</li>
                     </ul>

demo/v2-demo/step_authorize.html

@@ -12,7 +12,10 @@ <h3>Sample Report</h3>
 
     <div id="sampleQna" class="pbi-line">
       <div class="pageTitle">
-          <h3>Sample Q&A</h3>
+          <div class="pageTitleNewItem">
+            <h3>Sample Q&A</h3>
+            <img src="images\new.svg" class = "textAreaControl"/>
+          </div>
           <h8>You can embed a sample Q&A and interact with Power BI Embedded firsthand by clicking below.</h8>
       </div>
       <div class="settings">

demo/v2-demo/style/style.css

@@ -423,6 +423,19 @@ a {
     padding: 0px 20px 0px 0px;
 }
 
+.newOperation{
+  display: flex;
+}
+
+.newOperation p{
+  display: inline-block;
+  padding-right: 10px;
+  margin-bottom: 0px;
+}
+.newOperation img{
+  vertical-align: center;
+}
+
 .function-ul li {
     width: 100%;
     clear: both;
@@ -470,6 +483,15 @@ a {
     font-weight: normal;
 }
 
+.pageTitleNewItem h3
+{
+    display: inline-block;
+}
+
+.pageTitleNewItem img {
+  margin: 0 0 10px 5px;
+}
+
 .editorTitle {
     margin-bottom: 5px;
 }