Ankündigung

Einklappen

Serverwartung 21.2.



Am 21.2. im Laufe des späten Abends wird eine Serverwartung durchgeführt. Das Forum ist dadurch für gut zwei Stunden nicht erreichbar.
Es wird eine Wartungsseite geschaltet.

Mehr anzeigen
Weniger anzeigen

scroll-bar minimieren custom:stack-in-card

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    scroll-bar minimieren custom:stack-in-card

    Ich habe für die Anzeige auf dem "Hone screen" vom Dashboard eine custom:week-planer-card die mir die Termine für heute und morgen anzeigt. Da es vorkommen kann das es zuviele Termine sind habe ich eine scroll-bar eingefügt. nun lässt sich die Termine bei Bedarf scrollen. Soweit so gut, allerdings ist mir die scroll-bar zu "mächtig". Ich würde diese gern minimieren oder eben gar nicht erst anzeigen ohne auf die Funktionalität zu verzichten.

    hat jemand eine Idee?

    grafik.png

    Code:
    type: custom:stack-in-card
    mode: vertical
    card_mod:
      style: |
        ha-card {
          --primary-text-color: black;
          border: none !important;
          --ha-card-border-width: 0;
          border: 1px black !important;
          box-shadow: 1px 1px 5px 5px rgba(90,90,90.10) !important;
          background-color: rgba(0,0,0,0);
        }
    cards:
      - type: custom:stack-in-card
        mode: vertical
        card_mod:
          style: |
            ha-card {
              --primary-text-color: black;
              border: none !important;
              --ha-card-border-width: 0;
              background-color: rgba(0,0,0,0);
            }        
            :host {
              max-height: 260px;
              overflow-y: scroll;
              display: block;
            }
        cards:
          - type: custom:week-planner-card
            calendars:
              - entity: calendar.privat_2
                name: xxx privat
                color: blue
              - entity: calendar.tarras
                name: Fam. xxx
                color: red
              - entity: calendar.fussball_ozzy
                name: xxx Fußball
                color: lightgreen
                hideInLegend: false
              - entity: calendar.kalender
                name: Fam. yyy
                color: purple
            days: "2"
            startingDay: today
            startingDayOffset: 0
            hideWeekend: false
            noCardBackground: false
            compact: true
            weather:
              showCondition: true
              showTemperature: false
              showLowTemperature: false
              useTwiceDaily: false
            locale: en
            texts:
              today: Heute
              tomorrow: Morgen
              fullDay: ganztägig
              monday: Montag
              tuesday: Dienstag
              wednesday: Mittwoch
              thursday: Donnerstag
              friday: Freitag
              saturday: Samstag
              sunday: Sonntag
            eventBackground: none
            showLocation: false
            hidePastEvents: false
            hideDaysWithoutEvents: false
            hideTodayWithoutEvents: false
            combineSimilarEvents: false
            showLegend: true​

    #2
    Hier werden diverse Einstellungen zu overflow betrachtet: Link
    In Deinem Fall dürfte scrollbar-width: thin funktionieren.

    Und hier gibt es noch ein paar mehr Möglichkeiten zum Gestalten der Scrollbar: Link
    Zuletzt geändert von McJameson; 05.02.2025, 15:53.

    Kommentar


      #3
      interessanterweise ist es Unterschied ob ich das Dashboard bein mir am laptop oder auf Arbeit aufrufe. beide verwenden FireFox...

      grafik.png
      Zuletzt geändert von Sven1973; 05.02.2025, 19:10.

      Kommentar


        #4
        Das ist allerdings merkwürdig...
        Hast Du mal mit Control-F5 die Seite aktualisiert? Evtl. hängt da etwas im Cache quer.

        Kommentar


          #5
          jap... heute Früh auf der Arbeit das Selbe. es wird definitiv unterschiedlich dargestellt.

          Kommentar

          Lädt...
          X