Fixed css for ContentDialog

dyatlov-a · Sep 24, 2024 · a869875 · a869875
1 parent 833fd3c
commit a869875
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 26 deletions.
diff --git a/src/Inc.TeamAssistant.WebUI/Extensions/IJsFunction.cs b/src/Inc.TeamAssistant.WebUI/Extensions/IJsFunction.cs
@@ -6,5 +6,5 @@ public interface IJsFunction<TResult>
 
     object?[]? Args { get; }
 
-    Action? PostAction { get; }
+    Action? OnExecuted { get; }
 }
diff --git a/src/Inc.TeamAssistant.WebUI/Extensions/JsFunctions.cs b/src/Inc.TeamAssistant.WebUI/Extensions/JsFunctions.cs
@@ -23,15 +23,15 @@ public static IJsFunction<dynamic> ChangeUrl(NavRoute route, Action<NavRoute> on
     private sealed record JsFunction<TResult> : IJsFunction<TResult>
     {
         public string Identifier { get; }
-        public Action? PostAction { get; }
+        public Action? OnExecuted { get; }
         public object?[]? Args { get; }
 
         internal JsFunction(string identifier, Action? postAction, params object?[]? args)
         {
             ArgumentException.ThrowIfNullOrWhiteSpace(identifier);
 
             Identifier = identifier;
-            PostAction = postAction;
+            OnExecuted = postAction;
             Args = args;
         }
     }

diff --git a/src/Inc.TeamAssistant.WebUI/Extensions/JsRuntimeExtensions.cs b/src/Inc.TeamAssistant.WebUI/Extensions/JsRuntimeExtensions.cs
@@ -11,7 +11,7 @@ public static async ValueTask<TValue> Execute<TValue>(this IJSRuntime jsRuntime,
 
         var result = await jsRuntime.InvokeAsync<TValue>(jsFunction.Identifier, jsFunction.Args);
 
-        jsFunction.PostAction?.Invoke();
+        jsFunction.OnExecuted?.Invoke();
 
         return result;
     }
@@ -23,6 +23,6 @@ public static async ValueTask Execute(this IJSRuntime jsRuntime, IJsFunction<dyn
 
         await jsRuntime.InvokeVoidAsync(jsFunction.Identifier, jsFunction.Args);
 
-        jsFunction.PostAction?.Invoke();
+        jsFunction.OnExecuted?.Invoke();
     }
 }
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Appraiser/AppraiserHistoryWidget.razor.css b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Appraiser/AppraiserHistoryWidget.razor.css
@@ -1,11 +1,7 @@
-.component-container {
-    height: calc(100% - 136px);
-}
 .component-actions {
     display: flex;
     justify-content: right;
-    margin-top: 20px;
-    padding: 0 10px;
+    margin: 10px;
 }
 ::deep .no-data {
     height: 100%;

diff --git a/...Inc.TeamAssistant.WebUI/Features/Dashboard/Appraiser/AppraiserIntegrationWidget.razor.css b/...Inc.TeamAssistant.WebUI/Features/Dashboard/Appraiser/AppraiserIntegrationWidget.razor.css
@@ -1,16 +1,13 @@
 .component-container {
     position: relative;
-    height: calc(100% - 30px);
 }
 .appraiser-integration__body {
     padding: 0 10px;
-    height: calc(100% - 70px);
 }
 .component-actions {
     display: flex;
     justify-content: right;
-    margin-top: 20px;
-    padding: 0 10px;
+    margin: 10px;
 }
 .appraiser-integration__button {
     margin-left: 10px;
@@ -34,7 +31,4 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-}
-::deep form {
-    height: 100%;
 }
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Settings/DashboardSettings.razor.css b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Settings/DashboardSettings.razor.css
@@ -4,8 +4,7 @@
     justify-content: right;
 }
 .widget-settings__body {
-    margin: 20px;
-    height: calc(100% - 90px);
+    margin: 10px;
 }
 .widget-settings__item {
     background-color: #555;
@@ -24,20 +23,14 @@
 .widget-settings__actions {
     display: flex;
     justify-content: right;
-    padding: 0 10px;
-}
-.widget-settings {
-    height: calc(100% - 20px);
+    margin: 0 10px 10px 10px;
 }
 .widget-settings__drag {
     display: flex;
 }
 .widget-settings__button, .widget-settings__label, .widget-settings__drag, ::deep .widget-settings__checkbox {
     margin-right: 10px;
 }
-::deep form {
-    height: 100%;
-}
 @media (max-width: 767.98px) {
     .dashboard-settings {
         display: none;