Fix logbook height (#9258)

src/dialogs/more-info/ha-more-info-logbook.ts

@@ -8,7 +8,7 @@ import "../../components/state-history-charts";
 import { getLogbookData, LogbookEntry } from "../../data/logbook";
 import { loadTraceContexts, TraceContexts } from "../../data/trace";
 import "../../panels/logbook/ha-logbook";
-import { haStyle, haStyleScrollbar } from "../../resources/styles";
+import { haStyle } from "../../resources/styles";
 import { HomeAssistant } from "../../types";
 import { closeDialog } from "../make-dialog-manager";
 
@@ -52,7 +52,6 @@ export class MoreInfoLogbook extends LitElement {
           : this._logbookEntries.length
           ? html`
               <ha-logbook
-                class="ha-scrollbar"
                 narrow
                 no-icon
                 no-name
@@ -149,7 +148,6 @@ export class MoreInfoLogbook extends LitElement {
   static get styles() {
     return [
       haStyle,
-      haStyleScrollbar,
       css`
         .no-entries {
           text-align: center;
@@ -157,12 +155,11 @@ export class MoreInfoLogbook extends LitElement {
           color: var(--secondary-text-color);
         }
         ha-logbook {
-          max-height: 250px;
-          overflow: auto;
+          --logbook-max-height: 250px;
         }
         @media all and (max-width: 450px), all and (max-height: 500px) {
           ha-logbook {
-            max-height: unset;
+            --logbook-max-height: unset;
           }
         }
         ha-circular-progress {

src/panels/logbook/ha-logbook.ts

@@ -349,6 +349,10 @@ class HaLogbook extends LitElement {
           color: var(--primary-color);
         }
 
+        .container {
+          max-height: var(--logbook-max-height);
+        }
+
         :host([virtualize]) .container {
           display: block;
           position: relative;

src/panels/lovelace/cards/hui-logbook-card.ts

@@ -290,7 +290,6 @@ export class HuiLogbookCard extends LitElement implements LovelaceCard {
 
         ha-logbook {
           height: 385px;
-          overflow: auto;
           display: block;
         }