remove obsolete things from blazor

Author: beto-rodriguez

src/skiasharp/LiveChartsCore.SkiaSharpView.Blazor/ChartControl.razor

@@ -22,8 +22,13 @@
 	SOFTWARE.
 *@
 
+<!--
+    the first wrapper <div/> is required so blazor is able to the isolate the css, do not remove!
+    blazor bug?
+-->
+
 <div class="lvc-content">
-    <JsFlexibleContainer @ref="_jsFlexibleContainer" Class="@ContainerActualClass">
+    <JsFlexibleContainer @ref="_jsFlexibleContainer">
         <Content>
             <div class="lvc-canvas-container" @ref="CanvasContainerElement">
                 <MotionCanvas

src/skiasharp/LiveChartsCore.SkiaSharpView.Blazor/ChartControl.razor.cs

@@ -57,11 +57,6 @@ protected ChartControl()
     /// <inheritdoc cref="IChartView.CoreCanvas"/>
     public MotionCanvas CanvasView => _motionCanvas;
 
-    /// <summary>
-    /// Gets the actual class.
-    /// </summary>
-    public string ContainerActualClass => $"lvc-chart-container {ContainerClass}";
-
     /// <inheritdoc cref="IBlazorChart.CanvasContainerElement"/>
     public ElementReference CanvasContainerElement { get; private set; }
 
@@ -77,10 +72,13 @@ protected override void OnAfterRender(bool firstRender)
         StartObserving();
 
         _jsFlexibleContainer.Resized +=
-            container => CoreChart?.Update();
+            container =>
+                CoreChart?.Update();
 
         CoreChart.Canvas.Sync = SyncContext;
         CoreChart.Load();
+
+        var size = ((IChartView)this).ControlSize;
     }
 
     bool IChartView.DesignerMode => false;

src/skiasharp/LiveChartsCore.SkiaSharpView.Blazor/ChartControl.razor.css

@@ -8,51 +8,6 @@
     width: 100%;
 }
 
-::deep .lvc-chart-container {
-    height: 100%;
-    width: 100%;
-
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
-    flex-direction: row;
-    -webkit-flex-wrap: nowrap;
-    -ms-flex-wrap: nowrap;
-    flex-wrap: nowrap;
-    -webkit-justify-content: flex-start;
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    -webkit-align-content: stretch;
-    -ms-flex-line-pack: stretch;
-    align-content: stretch;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-}
-
-    ::deep .lvc-chart-container.column {
-        display: -ms-flexbox;
-        display: -webkit-flex;
-        display: flex;
-        -webkit-flex-direction: column;
-        -ms-flex-direction: column;
-        flex-direction: column;
-        -webkit-flex-wrap: nowrap;
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
-        -webkit-justify-content: flex-start;
-        -ms-flex-pack: start;
-        justify-content: flex-start;
-        -webkit-align-content: stretch;
-        -ms-flex-line-pack: stretch;
-        align-content: stretch;
-        -webkit-align-items: center;
-        -ms-flex-align: center;
-        align-items: center;
-    }
-
 ::deep .lvc-canvas-container {
     height: 100%;
     width: 100%;
@@ -65,8 +20,3 @@
     -ms-flex-item-align: auto;
     align-self: auto;
 }
-
-::deep .lvc-miniature {
-    margin-right: 4px;
-    margin-left: 4px;
-}

src/skiasharp/LiveChartsCore.SkiaSharpView.Blazor/JsFlexibleContainer.razor

@@ -22,7 +22,7 @@
 	SOFTWARE.
 *@
 
-<div @ref="Container" class="@Class">
+<div @ref="Container">
 	@Content
 </div>
 

src/skiasharp/LiveChartsCore.SkiaSharpView.Blazor/JsFlexibleContainer.razor.cs

@@ -65,12 +65,6 @@ public partial class JsFlexibleContainer : IDisposable
     [Parameter]
     public RenderFragment? Content { get; set; }
 
-    /// <summary>
-    /// Gets or sets the container class.
-    /// </summary>
-    [Parameter]
-    public string Class { get; set; } = string.Empty;
-
     /// <summary>
     /// Called when the control is resized.
     /// </summary>