• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
  1. Home
  2. clasage
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.
C
Offline
  • Profile
  • Following 0
  • Followers 0
  • Topics 1
  • Posts 1
  • Groups 0

clasage

@clasage

0
Reputation
7
Profile views
1
Posts
0
Followers
0
Following
Joined Apr 5, 2020, 3:51 AM
Last Online Apr 10, 2020, 2:44 PM

clasage Unfollow Follow

Latest posts made by clasage

  • MMM-CalendarExt2 fullday events showing as 2 days

    All of the fullday events from calendars are showing as 2 days, starting from the day before. For example, Easter Sunday spans Saturday - Sunday. I’m not sure if I’m missing how to get this to show as a single day. Thanks for any help.

    alt text

    Config:

                    { 
    			module: 'MMM-CalendarExt2',
    			config: {
    				updateInterval: 1000 * 60,
    				calendars: [
    					{
    					url: "https://calendar.google.com/calendar/ical/.../basic.ics",
    					name: "work schedule",
    					icon: "emojione-monotone:shopping-cart",
    					className: "work",
    					},
    					{
    					url: "https://www.google.com/calendar/ical/en.usa%23holiday@group.v.calendar.google.com/public/basic.ics",
    					name: "holiday",
    					icon: "si-glyph:christmass-tree",
    					className: "holiday",
    					},
                                                      ],
    					defaultSet: {
    						view: {
                                                            	    hideOverflow:false,
                                                                        timeFormat: "h:mm A",
    								    dateFormat: "D MMMM - H:mm",
                                                                        maxItems: 300,  // < ------ THIS VALUE
                                                                      }
                                                      },
                                            views: [
                                                              {
                                                                                  name: "view1",
                                                                                  mode: "month",
                                                                                  slotCount: "5",
                                                                                  maxItems: "1000",
                                                                                  slotMaxHeight: "95px",
    								  	      position: "bottom_bar",
    								  	      useEventTimeRelative: true,
                                                                                  calendars: []
                                                                                },
                                                            ],
                                          scenes: [
                                                                {
    								name: "DEFAULT",
    								views: ["view1"],
    							    },
    				      ],
    			}
    		},
    
    

    custom.css

    body {
            background-size: cover;
    	background-repeat: no-repeat;
            margin: 20px; 
            height: calc(100% - 40px);
            width: calc(100% - 40px);
    }
    
    .xsmall {
            font-size: 10px;
    }
    
    .calendar .time {
            padding-left: 20px;
            color: #FFF;
            font-weight: normal;
    }
    
    .MMM-DarkSkyForecast .module-content {
            width: unset;
    }
    
    .CX2 {
            --font-size: 10px;
    }
    
    .CX2 .event {
            padding: 0px;
    }
    
    .CX2 .weekSlot .timelineSleeve {
            height: calc(var(--font-size) + 5px);
    }
    
    .CX2 .weeksmark {
            display:none;
    }
    
    .CX2 .event.passed::before {
            background: none;
    }
    
    .CX2 .cellSlot.weekday_6 .slotSubTitle {
            color: #F66;
    }
    
    .CX2 .cellSlot.weekday_7 .slotSubTitle {
            color: #F66;
    }
    
    .CX2 .cellSlot .slotTitle, .CX2 .cellSlot .slotSubTitle, .CX2 .cellSlot .slotAltTitle {
            font-size: 20px;
            color: #FFF;
    }
    
    .CX2 .today .slotHeader {
            background: rgba(64,64,64,0.8);
            color: #000;
    }
    
    .CX2 .today .slotHeader .slotTitle {
            color: #FFF;
    }
    
    .CX2 .today .slotContent {
            background: #eeeeee69;
            #border: 1px solid white;
    }
    
    .CX2 .me, .me.event.fullday {
            border-radius: 5px;
            background-color: #83CCD5;
            color: #000;
    }
    
    .CX2 .wife, .wife.event.fullday {
            border-radius: 5px;
            background-color: #EB738B;
            color: #000;
    }
    
    .CX2 .birthday, .birthday.event.fullday {
            border-radius: 5px;
            background-color: #F0E68C;
            color: #000;
    }
    
    .CX2 .work, .work.event.fullday {
    	border-radius: 5px;
    	display: block;
            background-color: #A473AC;
            color: #000;
    }
    
    .CX2 .holiday, .holiday.event.fullday {
            border-radius: 5px;
            background-color: #7B9CCC;
            color: #000;
    }
    .CX2 .slot > .slotContent {
            background-image: none;
    }
    
    .CX2 .monthViewTitle {
            text-align: left;
    }
    
    .CX2 .eventTitle {
            font-weight: normal;
    }
    
    posted in Troubleshooting
    C
    clasage
    Apr 9, 2020, 6:09 PM
Enjoying MagicMirror? Please consider a donation!
MagicMirror created by Michael Teeuw.
Forum managed by Sam, technical setup by Karsten.
This forum is using NodeBB as its core | Contributors
Contact | Privacy Policy