@event-calendar/day-grid
Advanced tools
@event-calendar/day-grid - npm Package Compare versions
Comparing version 2.4.0 to 2.4.1
22
index.js
@@ -724,3 +724,3 @@ import { derived, writable } from 'svelte/store'; | ||
| // (93:8) {#each $_popupChunks as chunk (chunk.event)} | ||
| // (100:8) {#each $_popupChunks as chunk (chunk.event)} | ||
| function create_each_block$3(key_1, ctx) { | ||
@@ -941,12 +941,20 @@ let first; | ||
| let bodyRect = rect(bodyEl); | ||
| $$invalidate(2, style = ''); | ||
| let left; | ||
| if (!dayEl.previousElementSibling) { | ||
| $$invalidate(2, style = 'left:0;'); | ||
| } else if (!dayEl.nextElementSibling) { | ||
| $$invalidate(2, style = 'right:0;'); | ||
| if (popupRect.width >= bodyRect.width) { | ||
| left = bodyRect.left - dayRect.left; | ||
| let right = dayRect.right - bodyRect.right; | ||
| $$invalidate(2, style += `right:${right}px;`); | ||
| } else { | ||
| let left = (dayEl.offsetWidth - popupRect.width) / 2; | ||
| $$invalidate(2, style = `left:${left}px;`); | ||
| left = (dayRect.width - popupRect.width) / 2; | ||
| if (dayRect.left + left < bodyRect.left) { | ||
| left = bodyRect.left - dayRect.left; | ||
| } else if (dayRect.left + left + popupRect.width > bodyRect.right) { | ||
| left = bodyRect.right - dayRect.left - popupRect.width; | ||
| } | ||
| } | ||
| $$invalidate(2, style += `left:${left}px;`); | ||
| let top; | ||
@@ -953,0 +961,0 @@ |
| { | ||
| "name": "@event-calendar/day-grid", | ||
| "version": "2.4.0", | ||
| "version": "2.4.1", | ||
| "title": "Event Calendar DayGrid plugin", | ||
@@ -29,5 +29,5 @@ "description": "Full-sized drag & drop event calendar with resource view", | ||
| "dependencies": { | ||
| "@event-calendar/core": "~2.4.0", | ||
| "@event-calendar/core": "~2.4.1", | ||
| "svelte": "^4.1.1" | ||
| } | ||
| } |
@@ -200,4 +200,4 @@ # Event Calendar [](https://www.jsdelivr.com/package/npm/@event-calendar/build) [](https://www.npmjs.com/package/@event-calendar/core) | ||
| ```html | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.4.0/event-calendar.min.css"> | ||
| <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.4.0/event-calendar.min.js"></script> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.4.1/event-calendar.min.css"> | ||
| <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.4.1/event-calendar.min.js"></script> | ||
| ``` | ||
@@ -2727,15 +2727,8 @@ | ||
| The library provides a built-in dark theme. This theme is activated automatically if the current [preferred color theme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) is a dark one. | ||
| The library provides a built-in dark theme. You can activate it by adding the `ec-dark` CSS class to any parent element of the calendar, e.g. `<body class="ec-dark">`. | ||
| You can also activate the dark theme manually by adding the `ec-dark` CSS class to any parent element of the calendar, e.g. `<body class="ec-dark">`. | ||
| If you want the dark theme to be activated automatically based on the [preferred color scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme), then use the `ec-auto-dark` CSS class instead. | ||
| <details> | ||
| <summary>Note</summary> | ||
| Please note that the dark theme does not change the background and font color in the calendar. These are assumed to be set by the page styles, and the calendar inherits these styles. | ||
| > Use the `ec-light` CSS class to manually activate the light theme when the current [preferred color theme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) is a dark theme, e.g. `<body class="ec-light">`. | ||
| </details> | ||
| Please note that the dark theme does not change the background and font color in the calendar. It is assumed that the page background and font color are set by page styles, and the calendar inherits these styles. | ||
| If you do need to set the background or font color of the calendar, use local CSS variables for this: | ||
@@ -2742,0 +2735,0 @@ ```css |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.23%
142619
- Lines of code
- increased by0.34%
2064
Worsened metrics
- Number of lines in readme file
- decreased by-0.25%
2745
Dependency changes
Updated@event-calendar/core@~2.4.1