@event-calendar/time-grid
Advanced tools
@event-calendar/time-grid - npm Package Compare versions
Comparing version 2.3.3 to 2.4.0
| { | ||
| "name": "@event-calendar/time-grid", | ||
| "version": "2.3.3", | ||
| "version": "2.4.0", | ||
| "title": "Event Calendar TimeGrid plugin", | ||
@@ -29,5 +29,5 @@ "description": "Full-sized drag & drop event calendar with resource view", | ||
| "dependencies": { | ||
| "@event-calendar/core": "~2.3.3", | ||
| "@event-calendar/core": "~2.4.0", | ||
| "svelte": "^4.1.1" | ||
| } | ||
| } |
@@ -136,2 +136,3 @@ # Event Calendar [](https://www.jsdelivr.com/package/npm/@event-calendar/build) [](https://www.npmjs.com/package/@event-calendar/core) | ||
| - [View object](#view-object) | ||
| - [Theming](#theming) | ||
| - [Browser support](#browser-support) | ||
@@ -200,4 +201,4 @@ | ||
| ```html | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.3.3/event-calendar.min.css"> | ||
| <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.3.3/event-calendar.min.js"></script> | ||
| <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> | ||
| ``` | ||
@@ -2249,3 +2250,3 @@ | ||
| ## Content | ||
| The content can be presented in the following forms: | ||
| The content value can be presented in the following forms: | ||
@@ -2726,2 +2727,26 @@ * a string containing text `'some text'` | ||
| ## Theming | ||
| 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. | ||
| 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">`. | ||
| <details> | ||
| <summary>Note</summary> | ||
| > 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: | ||
| ```css | ||
| .ec { | ||
| --ec-bg-color: #22272e; | ||
| --ec-text-color: #adbac7; | ||
| } | ||
| ``` | ||
| A list of all available CSS variables can be found [here](packages/core/src/styles/theme.scss). | ||
| ## Browser support | ||
@@ -2728,0 +2753,0 @@ |
Sorry, the diff of this file is too big to display
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.69%
175931
- Number of lines in readme file
- increased by0.92%
2752
Dependency changes
+ Added@event-calendar/core@2.4.1(transitive)
- Removed@event-calendar/core@2.3.3(transitive)
Updated@event-calendar/core@~2.4.0