Remove CSS isolation from Common Library : Fix #344 (#346)

* Remove CSS isolation from Common Library : Fix #344

* Fix test fail

* dockerignore update

.dockerignore

@@ -0,0 +1,16 @@
+**/.dockerignore
+**/.env
+**/.git
+**/.gitignore
+**/.project
+**/.settings
+**/.toolstarget
+**/.vs
+**/.vscode
+**/*.*proj.user
+**/*.dbmdl
+**/*.jfm
+**/bin
+**/docker-compose*
+**/Dockerfile*
+**/obj

COMET.Web.Common.Tests/Components/TooltipTestFixture.cs

@@ -60,7 +60,7 @@ public void VerifyTooltipComponent()
 
             Assert.Multiple(() =>
             {
-                Assert.That(span.ClassName, Is.EqualTo(cssClass));
+                Assert.That(span.ClassName,Does.Contain(cssClass));
                 Assert.That(span.TextContent, Is.EqualTo(text));
             });
 

COMET.Web.Common/COMET.Web.Common.csproj

@@ -2,7 +2,7 @@
     <PropertyGroup>
         <TargetFramework>net7.0</TargetFramework>
         <LangVersion>Latest</LangVersion>
-        <Version>1.0.1</Version>
+        <Version>1.0.3</Version>
         <AssemblyVersion>1.0.0</AssemblyVersion>
         <FileVersion>1.0.0</FileVersion>
         <Title>CDP4 WEB Common</Title>

COMET.Web.Common/Components/ApplicationCard.razor

@@ -19,7 +19,7 @@
 //   See the License for the specific language governing permissions and
 //   limitations under the License.
 ------------------------------------------------------------------------------->
-<div id="@this.cardId" class="card">
+<div id="@this.cardId" class="application__card card">
 	<a class="card-btn card__link" href="@this.CurrentApplication.Url" >
 		<span class="oi [email protected] display-flex justify-content-center card__icon" title="@this.CurrentApplication.Icon" aria-hidden="true"></span>
 		<div class="card-body display-flex flex-column align-items-center card__content">

COMET.Web.Common/Components/ParameterTypeEditors/OrientationComponent.razor

@@ -35,15 +35,15 @@
                                 ValueChanged="@((AngleFormat value)=>this.ViewModel.OnAngleFormatChanged(value))" />
                 </div>
                 <div class="euler-parameter-row">
-                    <p>Rx:</p>
+                    <p class="orientation_p">Rx:</p>
                     <DxTextBox Text="@this.ViewModel.Orientation.X.ToString(CultureInfo.InvariantCulture)" BindValueMode="BindValueMode.OnInput" CssClass="parameter-input" @oninput="@((e) => this.ViewModel.OnEulerAnglesChanged("Rx",e))"></DxTextBox>
                 </div>
                 <div class="euler-parameter-row">
-                    <p>Ry:</p>
+                    <p class ="orientation_p">Ry:</p>
                     <DxTextBox Text="@this.ViewModel.Orientation.Y.ToString(CultureInfo.InvariantCulture)" BindValueMode="BindValueMode.OnInput" CssClass="parameter-input" @oninput="@((e) => this.ViewModel.OnEulerAnglesChanged("Ry",e))"></DxTextBox>
                 </div>
                 <div class="euler-parameter-row">
-                    <p>Rz:</p>
+                    <p class="orientation_p">Rz:</p>
                     <DxTextBox Text="@this.ViewModel.Orientation.Z.ToString(CultureInfo.InvariantCulture)" BindValueMode="BindValueMode.OnInput" CssClass="parameter-input" @oninput="@((e) => this.ViewModel.OnEulerAnglesChanged("Rz",e))"></DxTextBox>
                 </div>
             }
@@ -57,7 +57,7 @@
                 {
                     var index = i;
                     <div class="matrix-parameter-row">
-                        <p>@names[index]</p>
+                        <p class="orientation_p">@names[index]</p>
                         <DxTextBox Text="@this.ViewModel.Orientation.Matrix[index].ToString(CultureInfo.InvariantCulture)" BindValueMode="BindValueMode.OnInput" CssClass="parameter-input" @oninput="(e) => this.ViewModel.OnMatrixValuesChanged(index, e)"></DxTextBox>
                     </div>
                 }

COMET.Web.Common/Components/ParameterTypeEditors/TextParameterTypeEditor.razor

@@ -28,7 +28,7 @@
     {
         var colorValue = this.ViewModel.ValueArray[this.ViewModel.ValueArrayIndex].ParseToHexColor();
         <div class="parameter-row" id="color-section">
-            <input type="color" 
+            <input class="margin-2" type="color" 
                    id="color-picker" 
                    name="color" 
                    value="@colorValue" 
@@ -40,7 +40,7 @@
     else
     {
         <div class="parameter-row">
-            <p>@this.ViewModel.ParameterType.Name</p>
+            <p class="orientation_p">@this.ViewModel.ParameterType.Name</p>
             <DxTextBox InputCssClass="text-parameter-type"
                        Text="@this.ViewModel.ValueArray.First()"
                        CssClass="parameter-input"

COMET.Web.Common/Components/Tooltip.razor

@@ -21,6 +21,6 @@
 ------------------------------------------------------------------------------->
 
 <div class="tooltip-wrapper">
-    <span class="@(this.MarginBottom)">@(this.Text)</span>
+    <span class="@(this.MarginBottom) tooltip-content">@(this.Text)</span>
     @(this.ChildContent)
 </div>