Feature Requests: Highlight "today" and Outlook-style "week" view

[mpreissner]

Really love this card, and am currently using it to display a 2-week calendar (sunday-saturday). Would really love an option to highlight the "Today" entry. Yes, I know that marking the current day as "Today" is there already, but I'm talking about maybe changing the background color behind whichever day is "Today" so it's more easily visible across a room. Also, while I love the current display showing only the calendar events, I'm curious if we could also add an Outlook-style Week view that shows the full day's worth of hours so we can easily see the empty space/free time between the events and a line across the day representing the current time.

Thanks again for all your great work!

[nahvetti]

I have worked around your first problem with card mod. You can just add: card_mod: style: | .day.today { background: rgba(30, 230, 30, .15) !important; } to define separate background color for today.

Not optimal solution, but maybe something for you to try.

[whittssg]

@mpreissner It can be styled pretty easily, this is what i did with a bit of CSS:

You just need to style .today .date and .today .events

I can post the CSS for what i did if needed.

[mpreissner]

Thanks for the suggestions! That was exactly what I was looking for as far as highlighting "today".

Mike

On Tue, Oct 22, 2024 at 7:29 PM whittssg @.***> wrote:

It can be styled pretty easily, this is what i did with a bit of CSS:

chrome_TaXhbUUSSg.jpg (view on web) https://github.com/user-attachments/assets/3b696232-61b0-4481-b92b-8488a6eb9a88

You just need to style .today .date and .today .events

I can post the CSS for what i did if needed.

— Reply to this email directly, view it on GitHub https://github.com/FamousWolf/week-planner-card/issues/165#issuecomment-2430500562, or unsubscribe https://github.com/notifications/unsubscribe-auth/AF4D3IQFSBOGNB5WGINIAR3Z43NT7AVCNFSM6AAAAABQDVFZI2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMZQGUYDANJWGI . You are receiving this because you authored the thread.Message ID: @.***>

[whittssg]

@mpreissner

This is the code i used for the today highlight:

          .today .events {
          border-color: rgba(251, 140, 0, 0.5); !important;
          border-style: solid;
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px;
          border-width:1px;
          border-top-width:4px;
          padding-top: 6px;
          padding-left:4px;
          padding-right:4px;
          padding-bottom:0px;
          margin-top: 0px !important;
          }

          .today .date  {
          background-color: rgba(251, 140, 0, 0.8);
          padding-left: 10px;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px;
          } 

Obviously you need to adjust to your tastes but that is the general idea.. I wanted to get a bright background to the today part and then a similar color around the events to encapsulate them

[FamousWolf]

As stated by others, highlighting today can be done using card_mod, so I'm not going to be adding an option for that.

I have no plans to add "an Outlook-style Week view that shows the full day's worth of hours" right now. It might be a nice 2.0 (which I'm not planning yet) feature, but for now it's too big a change. I will keep this issue open.

[mpreissner]

Understood, and thanks for taking the time to consider and respond. Much appreciated!

Mike

On Mon, Oct 28, 2024 at 11:37 AM Rudy Gnodde @.***> wrote:

As stated by others, highlighting today can be done using card_mod, so I'm not going to be adding an option for that.

I have no plans to add "an Outlook-style Week view that shows the full day's worth of hours" right now. It might be a nice 2.0 (which I'm not planning yet) feature, but for now it's too big a change. I will keep this issue open.

— Reply to this email directly, view it on GitHub https://github.com/FamousWolf/week-planner-card/issues/165#issuecomment-2441934982, or unsubscribe https://github.com/notifications/unsubscribe-auth/AF4D3ITMICPGIGWJJAWWGSLZ5ZD2RAVCNFSM6AAAAABQDVFZI2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDINBRHEZTIOJYGI . You are receiving this because you were mentioned.Message ID: @.***>

[gordio]

The card_mod is currently do nothing. Is there an issue with it?

Example:

card_mod:
  style: |
    .day.today .number {
      font-weight: bolder !important;
    }

[bokkoman]

For me the card_mod stops working once I embed the week planner in the config template card. I want to use some variables with this week planner so I can change views (got the idea from DIY Skylight calendar).

Am I missing something on why it isn't working?