fixes SiteSettingsPanel #1879

microsoft · Apr 18, 2024 · 0b557ae · 0b557ae
1 parent 90aac45
commit 0b557ae
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/examples/Demo/Shared/Components/SiteSettingsPanel.razor b/examples/Demo/Shared/Components/SiteSettingsPanel.razor
@@ -35,27 +35,27 @@
                       CheckedMessage="Left to Right"
                       UncheckedMessage="Right to Left"
                       Value="@_ltr"
-                      ValueChanged="HandleDirectionChanged"/>
+                      ValueChanged="HandleDirectionChanged" />
         <FluentLabel>
             These values (except for Direction) are persisted in the LocalStorage.
             and will be recovered during your next visits.<br /><br />
             Use the 'Reset settings button' below to go back to the system theme and a random color.
         </FluentLabel>
         <FluentDivider Style="width: 100%; margin: 1rem 0" />
-        <FluentPopover Style="width: 350px;" AnchorId="info" @bind-Open="@_popVisible">
+        <FluentPopover Style="width: 350px;" AnchorId="info" FixedPlacement="true" @bind-Open="@_popVisible">
             <Header>Reset site settings</Header>
             <Body>
                 <p>
                     This site stores settings for the theme and color and downloaded samples, emoji and icons in the browser' cache and local storage.
                 </p>
                 <p>
-                    You can check the contents of the cache and storage in the browser's developer tools. If you are using Edge or Chrome, you can do this by 
+                    You can check the contents of the cache and storage in the browser's developer tools. If you are using Edge or Chrome, you can do this by
                     going to the Application tab and then clicking on the Cache Storage or Local Storagesection.<br />
                     In Firefox, you can do this by going to the Storage tab and then clicking on the Cache Storage or Local Storage section.
                 </p>
 
                 <p>
-                    If you feel like you're not seeing the latest and greatest of samples. emoji or icons, or you want to clear out the stored theme and color, 
+                    If you feel like you're not seeing the latest and greatest of samples. emoji or icons, or you want to clear out the stored theme and color,
                     click the button below to clear the cache and delete local storage.
                 </p>
                 <p>
@@ -64,7 +64,7 @@
             </Body>
         </FluentPopover>
 
-        <FluentStack VerticalAlignment="VerticalAlignment.Center" >
+        <FluentStack VerticalAlignment="VerticalAlignment.Center">
             <FluentButton OnClick="@ResetSiteAsync">Reset settings</FluentButton>
             <FluentIcon Id="info" Value="@(new Icons.Regular.Size24.Info())" OnClick="@(() => _popVisible = !_popVisible)" />
         </FluentStack>
@@ -73,4 +73,4 @@
             <em><strong>@_status</strong></em>
         </p>
     </FluentStack>
-</div>
+</div>