278 files

custom_components/maintenance_supporter/frontend-src/panel-styles.ts

@@ -3,6 +3,9 @@
 import { css } from "lit";
 
 export const panelStyles = css`
+  /* #170: reference chips in front of list names. */
+  .task-name .ref-chip, .today-task .ref-chip, .object-card-name .ref-chip, .objects-table-name .ref-chip { margin-right: 6px; }
+
   :host {
     display: block;
     height: 100%;
@@ -29,6 +32,9 @@ export const panelStyles = css`
     flex-direction: column;
   }
 
+  /* #174: inside a card the dashboard wrapper owns the insets. */
+  :host([embedded]) .panel { padding: 0; }
+
   .header {
     display: flex;
     align-items: center;
@@ -414,11 +420,12 @@ export const panelStyles = css`
      the object name keeps its room. */
   :host([narrow]) .today-object .today-person .person-name,
   :host([tight]) .today-object .today-person .person-name { display: none; }
-  .today-row .btn-complete { color: var(--success-color, #4caf50); flex: none; }
-  .today-row .today-complete { flex: none; --ha-button-font-size: 13px; white-space: nowrap; }
-  .today-row .today-complete ha-icon { --mdc-icon-size: 18px; }
-  :host([narrow]) .today-row .today-complete,
-  :host([tight]) .today-row .today-complete { min-width: 0; --ha-button-height: 36px; }
+  /* The row actions are the shared _renderRowActions markup (Complete only,
+     no Skip on Today); .row-actions carries the icon/button sizing. */
+  .today-row .row-actions { flex: none; }
+  .today-row .btn-complete { color: var(--success-color, #4caf50); }
+  :host([narrow]) .today-row .row-actions.as-buttons ha-button,
+  :host([tight]) .today-row .row-actions.as-buttons ha-button { min-width: 0; --ha-button-height: 36px; }
   .today-empty {
     display: flex; flex-direction: column; align-items: center; gap: 10px;
     padding: 48px 16px; color: var(--secondary-text-color); text-align: center;