Update version number (for footer on site)

Update some DataGrid text Update styling for 2 screen devices
microsoft · Nov 29, 2023 · bb24364 · bb24364
1 parent 26b50a6
commit bb24364
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 32 deletions.
diff --git a/Directory.Build.props b/Directory.Build.props
@@ -12,8 +12,8 @@
 		<SolutionDir>$(MSBuildThisFileDirectory)</SolutionDir>
 		<AccelerateBuildsInVisualStudio>true</AccelerateBuildsInVisualStudio>
 
-		<VersionFile>4.0.0</VersionFile>
-		<VersionPrefix>4.0.0</VersionPrefix>
+		<VersionFile>4.1.0</VersionFile>
+		<VersionPrefix>4.1.0</VersionPrefix>
 		<VersionSuffix></VersionSuffix>
 		<AssemblyVersion>$(VersionFile)</AssemblyVersion>
 		<FileVersion>$(VersionFile)</FileVersion>

diff --git a/examples/Demo/Shared/Pages/DataGrid/DataGridPage.razor b/examples/Demo/Shared/Pages/DataGrid/DataGridPage.razor
@@ -11,36 +11,11 @@
 </p>
 <p>
     <code>&lt;FluentDataGrid&gt;</code> wraps the <code>&lt;fluent-data-grid&gt;</code> element, a web component implementation
-    of a data grid leveraging the Fluent  UI design system. Internally <code>&lt;FluentDataGrid&gt;</code> is using the code from
-    <a href="https://aspnet.github.io/quickgridsamples">QuickGrid</a> with a few adjustments to parameter names to stay in-line
-    with the fluent-data-grid web component (see table below)
-
-    <table title="Parameter name changes">
-        <tr>
-            <th align="left" style="width: 8rem;">QuickGrid</th>
-            <th align="left" style="width: 8rem;">FluentDataGrid</th>
-        </tr>
-        <tr>
-            <td>Items</td>
-            <td>RowsData</td>
-        </tr>
-        <tr>
-            <td>ItemsProvider</td>
-            <td>RowsDataProvider</td>
-        </tr>
-        <tr>
-            <td>ItemSize</td>
-            <td>RowsDataSize</td>
-        </tr>
-        <tr>
-            <td>ItemKey</td>
-            <td>RowsDataKey</td>
-        </tr>
-        <tr>
-            <td></td>
-            <td></td>
-        </tr>
-    </table>
+    of a data grid leveraging the Fluent  UI design system. Besides this we also provide wrappers for the <code>&lt;fluent-data-grid-row&gt;</code> and
+    <code>&lt;fluent-data-grid-cell&gt;</code>
+    web components. Internally <code>&lt;FluentDataGrid&gt;</code> is using the <a href="https://learn.microsoft.com/en-us/aspnet/core/blazor/components/quickgrid?view=aspnetcore-8.0">QuickGrid</a> 
+    code where all the rendering is replaced with the web components. We also added some extras like column resizing and row/column specific styling.
+
 </p>
 
 <h2 id="example">Examples</h2>

diff --git a/examples/Demo/Shared/wwwroot/css/site.css b/examples/Demo/Shared/wwwroot/css/site.css
@@ -419,13 +419,15 @@ code {
         padding: 1.5em 0.75em 1em 0.75em;
         margin-inline-start: calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0)); /* hinge width */
         margin-inline-end: calc(100% - env(viewport-segment-left 1 0));
+        width: auto;
     }
 
     article {
         grid-area: 1 / 2 / 2 / 3;
         padding-top: 0px;
         margin-inline-start: calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0)); /* hinge width */
         margin-inline-end: calc(100% - env(viewport-segment-left 1 0));
+        width: auto;
     }
 }