Ankündigung

Einklappen
Keine Ankündigung bisher.

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