Updated fileCommunication object with common css classes.

digital-blueprint · Oct 28, 2024 · 026e41b · 026e41b
1 parent 9c7c219
commit 026e41b
Showing 1 changed file with 3 additions and 48 deletions.
diff --git a/src/objectTypes/fileCommunication.js b/src/objectTypes/fileCommunication.js
@@ -1,5 +1,5 @@
 import {css, html} from 'lit';
-import {BaseObject, BaseFormElement, BaseHitElement, BaseViewElement} from './baseObject';
+import {BaseObject, BaseFormElement, BaseHitElement, BaseViewElement,getCommonStyles} from './baseObject';
 import * as formElements from './formElements.js';
 import * as viewElements from './viewElements.js';
 import { PersonHit } from './person.js';
@@ -60,54 +60,9 @@ class CabinetHitElement extends BaseHitElement {
     static get styles() {
         // language=css
         return css`
-            ${super.styles}
+        ${super.styles}
+        ${getCommonStyles()}
 
-            .ais-doc-Hits-header{
-                border-bottom: 1px solid rgb(34, 33, 32);
-                margin-bottom: calc(7px + 1vh);
-                display: grid;
-                grid-template-columns: repeat(2, 1fr);
-                gap: 10px;
-                padding: 5px;
-            }
-            .ais-doc-Hits-header-items{
-                display: flex;
-            }
-            .ais-doc-Hits-content {
-                gap: 10px;
-                display: grid;
-                grid-template-rows: repeat(3, 1fr);
-            }
-            .hit-content-item1 {
-                grid-row: 1/2;
-            }
-            .hit-content-item2 {
-                grid-row: 2/3;
-            }
-            .hit-content-item3 {
-                grid-row: 3/3;
-                padding-top:30px;
-            }
-            .header-item1 {
-                grid-column: 1 / 2;
-                color:green;
-            }
-            .header-item2 {
-                grid-column: 3 / 4;
-                justify-self: end;
-            }
-            .header-item3 {
-                grid-column: 1 / 2;
-
-            }
-            .header-item4 {
-                grid-column: 2 / 3;
-
-            }
-            .header-item5 {
-                grid-column: 3 / 4;
-
-            }
         `;
     }