@progressive-development/pd-calendar 0.1.2 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/src/PdCalendar.js +1 -5
- package/src/PdCalendarCell.js +2 -13
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "progressive development calendar web component",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"author": "PD Progressive Development",
|
|
6
|
-
"version": "0.1.
|
|
6
|
+
"version": "0.1.4",
|
|
7
7
|
"main": "index.js",
|
|
8
8
|
"module": "index.js",
|
|
9
9
|
"scripts": {
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"week"
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@progressive-development/pd-icon": "^0.1.
|
|
33
|
+
"@progressive-development/pd-icon": "^0.1.11",
|
|
34
34
|
"@progressive-development/pd-shared-styles": "0.1.1",
|
|
35
35
|
"fecha": "^4.2.0",
|
|
36
36
|
"lit": "^2.2.0"
|
package/src/PdCalendar.js
CHANGED
|
@@ -59,11 +59,7 @@ export class PdCalendar extends LitElement {
|
|
|
59
59
|
PDColorStyles, PDFontStyles,
|
|
60
60
|
css`
|
|
61
61
|
:host {
|
|
62
|
-
|
|
63
|
-
/* Define custom properties for calendar element */
|
|
64
|
-
--my-title-color: var(--squi-title-color, #084c61);
|
|
65
|
-
--my-day-title-bg-color: var(--squi-title-color, #084c61);
|
|
66
|
-
|
|
62
|
+
|
|
67
63
|
--my-cell-height: var(--pd-calendar-cell-height, 70px);
|
|
68
64
|
|
|
69
65
|
display: block;
|
package/src/PdCalendarCell.js
CHANGED
|
@@ -45,16 +45,7 @@ class PdCalendarCell extends LitElement {
|
|
|
45
45
|
css`
|
|
46
46
|
:host {
|
|
47
47
|
display: block;
|
|
48
|
-
|
|
49
48
|
|
|
50
|
-
/* Define custom properties for calendar cell element */
|
|
51
|
-
--my-cell-bg-color: var(--squi-title-color, lightgrey);
|
|
52
|
-
--my-cell-we-bg-color: var(--squi-title-color, darkgrey);
|
|
53
|
-
--my-cell-day-color: var(--squi-title-color, #fefefe);
|
|
54
|
-
|
|
55
|
-
--my-info-cell-bg1-color: var(--squi-title-color, #177e89);
|
|
56
|
-
--my-info-cell-day-color: var(--squi-title-color, #fefefe);
|
|
57
|
-
--my-info-txt-color: var(--squi-info-txt, #fefefe);
|
|
58
49
|
/* Defined by PdCalendar and also setted here
|
|
59
50
|
--my-primary-font: var(--squi-primary-font, Oswald);*/
|
|
60
51
|
|
|
@@ -117,7 +108,7 @@ class PdCalendarCell extends LitElement {
|
|
|
117
108
|
justify-content: center;
|
|
118
109
|
height: 100%;
|
|
119
110
|
color: var(--pd-calendar-cell-day-info-col, var(--pd-default-bg-col));
|
|
120
|
-
font-family: var(--pd-default-font-title-
|
|
111
|
+
font-family: var(--pd-default-font-title-family);
|
|
121
112
|
font-weight: bold;
|
|
122
113
|
font-size: 1.5em;
|
|
123
114
|
text-shadow: 1px 1px var(--pd-default-dark-col);
|
|
@@ -152,16 +143,14 @@ class PdCalendarCell extends LitElement {
|
|
|
152
143
|
not from window size, this is a topic for container queries, which are not available right now... */
|
|
153
144
|
@media (max-width: 800px) {
|
|
154
145
|
.cell-info {
|
|
155
|
-
left: 30%;
|
|
156
146
|
font-size: 1.3em;
|
|
157
147
|
}
|
|
158
148
|
.cell-number {
|
|
159
|
-
font-size: 0.
|
|
149
|
+
font-size: 0.8em;
|
|
160
150
|
}
|
|
161
151
|
}
|
|
162
152
|
@media (max-width: 500px) {
|
|
163
153
|
.cell-info {
|
|
164
|
-
left: 15%;
|
|
165
154
|
font-weight: normal;
|
|
166
155
|
font-size: 1em;
|
|
167
156
|
}
|