Merge pull request #379 from RahulBojji/feature/fluentmessagebarchanges

Updated the CSS and Manifest file of the Fluent message bar

Author: RahulBojji

FluentMessageBar/FluentMessageBar/ControlManifest.Input.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest>
-  <control namespace="PowerCAT" constructor="FluentMessageBar" version="0.0.32" display-name-key="FluentMessageBar_Display_Key" description-key="FluentMessageBar_Descripition_Key" control-type="virtual">
+  <control namespace="PowerCAT" constructor="FluentMessageBar" version="0.0.33" display-name-key="FluentMessageBar_Display_Key" description-key="FluentMessageBar_Descripition_Key" control-type="virtual">
     <!-- property node identifies a specific, configurable piece of data that the control expects from CDS -->
     <property name="Shape" display-name-key="Shape_Key" description-key="Defines the shape of the message bar (rounded, square, etc.)." of-type="Enum" usage="input" required="true" default-value="square">
       <value name="square" display-name-key="Square" description-key="Square">square</value>
@@ -18,7 +18,7 @@
     <property name="URL" display-name-key="URL_Key" description-key="link that appears in the message bar." of-type="SingleLine.Text" usage="input" required="false" />
     <property name="AutoHeight" display-name-key="Messagebar_AutoHeight_Display_Key" description-key="Messagebar_AutoHeight_Display_Key" usage="output" of-type="Whole.None" />
     <property name="HideDismiss" display-name-key="Messagebar_HideDismiss_Display_Key" of-type="TwoOptions" usage="input" required="true" default-value="false" />
-    <common-property name="Width" default-value="300" />
+    <common-property name="Width" default-value="500" />
     <common-property name="Height" default-value="55" pfx-default-value="Self.AutoHeight" />
     <!-- -->
     <data-set name="Items" display-name-key="Messagebar_Toolbar_Items_Display_Key" description-key="Messagebar_Toolbar_Items_Desc_Key" pfx-default-value="Table(&#xD;&#xA;    {ItemKey: &quot;mail&quot;, ItemDisplayName: &quot;Contact&quot;, ItemIconName: &quot;Mail&quot;, ItemAppearance: &quot;&quot;, ItemIconStyle: &quot;Regular&quot;, ItemTooltip: &quot;Send mail&quot;, ItemVisible: true, ItemDisabled: false},{ItemKey: &quot;chat&quot;, ItemDisplayName: &quot;Chat&quot;, ItemIconName: &quot;Chat&quot;, ItemAppearance: &quot;&quot;, ItemIconStyle: &quot;Regular&quot;, ItemTooltip: &quot;Chat&quot;})">
@@ -41,8 +41,5 @@
       <platform-library name="Fluent" version="9.46.2" />
       <css path="css/messagebar.css" order="1" />
     </resources>
-    <feature-usage>
-      <uses-feature name="ExplicitCommonEvents" required="true" />
-    </feature-usage>
   </control>
 </manifest>

FluentMessageBar/FluentMessageBar/css/messagebar.css

@@ -1,9 +1,4 @@
-[data-control-name^="FluentMessageBar"] {
-    display: flex;
-    flex-direction: column;
-}
-
-[data-control-name^="FluentMessageBar"] .flexbox {
+[id*="FluentMessageBar"] {
     display: flex;
     flex-direction: column;
 }