Skip to content

Commit 2f5e86b

Browse files
jekuerjekuer
authored
Merge pull request #687 from add2cal/dev
auto-sort options css optimization (default modal text orientation is centered now) cspnonce with atcb_action fix
2 parents 9b35f0e + 4513aad commit 2f5e86b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+9181
-11409
lines changed

‎assets/css/atcb-3d.css

Lines changed: 38 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
*
66
* Style: 3D
77
*
8-
* Version: 2.8.6
8+
* Version: 2.8.7
99
* Creator: Jens Kuerschner (https://jekuer.com)
1010
* Project: https://github.com/add2cal/add-to-calendar-button
1111
* License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -36,10 +36,10 @@
3636
--btn-font-weight: 600;
3737
--btn-text: #333;
3838
--btn-hover-text: #000;
39-
--btn-shadow: rgba(0 0 0 / 10%) 0 4px 10px -2px, rgba(0 0 0 / 15%) 0 2px 2px -1px;
40-
--btn-hover-shadow: rgba(0 0 0 / 25%) 0 5px 12px -2px, rgba(0 0 0 / 25%) 0 3px 5px -2px;
41-
--btn-active-shadow: rgba(0 0 0 / 40%) 0 8px 13px -2px, rgba(0 0 0 / 30%) 0 5px 5px -3px;
42-
--btn-active-shadow-up: rgba(0 0 0 / 30%) 0 6px 13px -2px, rgba(0 0 0 / 15%) 0 2px 2px -1px, rgba(0 0 0 / 25%) 0 -3px 10px -1px;
39+
--btn-shadow: rgb(0 0 0 / 10%) 0 4px 10px -2px, rgb(0 0 0 / 15%) 0 2px 2px -1px;
40+
--btn-hover-shadow: rgb(0 0 0 / 25%) 0 5px 12px -2px, rgb(0 0 0 / 25%) 0 3px 5px -2px;
41+
--btn-active-shadow: rgb(0 0 0 / 40%) 0 8px 13px -2px, rgb(0 0 0 / 30%) 0 5px 5px -3px;
42+
--btn-active-shadow-up: rgb(0 0 0 / 30%) 0 6px 13px -2px, rgb(0 0 0 / 15%) 0 2px 2px -1px, rgb(0 0 0 / 25%) 0 -3px 10px -1px;
4343
--list-background: #f5f5f5;
4444
--list-hover-background: #fff;
4545
--list-text: #333;
@@ -48,14 +48,14 @@
4848
--list-close-text: #777;
4949
--list-border-radius: 6px;
5050
--list-padding: .8em;
51-
--list-shadow: rgba(0 0 0 / 20%) 0 4px 13px -2px, rgba(0 0 0 / 23%) 0 2px 4px -1px;
52-
--list-modal-shadow: rgba(0 0 0 / 50%) 0 4px 30px -3px, rgba(0 0 0 / 30%) 0 2px 8px -2px;
51+
--list-shadow: rgb(0 0 0 / 20%) 0 4px 13px -2px, rgb(0 0 0 / 23%) 0 2px 4px -1px;
52+
--list-modal-shadow: rgb(0 0 0 / 50%) 0 4px 30px -3px, rgb(0 0 0 / 30%) 0 2px 8px -2px;
5353
--modal-text: #000;
54-
--modal-text-align: left;
55-
--modal-text-align-rtl: right;
54+
--modal-text-align: center;
55+
--modal-text-align-rtl: center;
5656
--modal-background: #f5f5f5;
5757
--modal-border-radius: 6px;
58-
--modal-shadow: drop-shadow(3px 6px 25px rgba(0 0 0 / 65%));
58+
--modal-shadow: drop-shadow(3px 6px 25px rgb(0 0 0 / 65%));
5959
--modal-btn-bar: #c6c8cd;
6060
--modal-btn-background: #f5f5f5;
6161
--modal-btn-secondary-background: #e2e1e6;
@@ -65,8 +65,8 @@
6565
--modal-btn-text: #2e2e2e;
6666
--modal-btn-hover-text: #161616;
6767
--modal-btn-secondary-text: #666567;
68-
--modal-btn-shadow: rgba(0 0 0 / 10%) 0 4px 10px -2px, rgba(0 0 0 / 10%) 0 2px 3px -1px;
69-
--modal-btn-hover-shadow: rgba(0 0 0 / 25%) 0 5px 13px -2px, rgba(0 0 0 / 20%) 0 3px 5px -2px;
68+
--modal-btn-shadow: rgb(0 0 0 / 10%) 0 4px 10px -2px, rgb(0 0 0 / 10%) 0 2px 3px -1px;
69+
--modal-btn-hover-shadow: rgb(0 0 0 / 25%) 0 5px 13px -2px, rgb(0 0 0 / 20%) 0 3px 5px -2px;
7070
--modal-headline-text-align: center;
7171
--modal-headline-text-transform: none;
7272
--input-border-radius: 6px;
@@ -82,10 +82,10 @@
8282
--date-btn-background: #eae9ed;
8383
--date-btn-hover-background: #fff;
8484
--date-btn-headline-line-clamp: 1;
85-
--date-btn-shadow: rgba(0 0 0 / 10%) 0 4px 10px -2px, rgba(0 0 0 / 15%) 0 2px 3px -1px;
86-
--date-btn-hover-shadow: rgba(0 0 0 / 20%) 0 5px 12px -2px, rgba(0 0 0 / 20%) 0 3px 4px -2px;
85+
--date-btn-shadow: rgb(0 0 0 / 10%) 0 4px 10px -2px, rgb(0 0 0 / 15%) 0 2px 3px -1px;
86+
--date-btn-hover-shadow: rgb(0 0 0 / 20%) 0 5px 12px -2px, rgb(0 0 0 / 20%) 0 3px 4px -2px;
8787
--checkmark-background: drop-shadow(0 0 3px #fff);
88-
--overlay-background: rgba(20 20 20 / 25%);
88+
--overlay-background: rgb(20 20 20 / 25%);
8989
--overlay-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='16' height='16' viewBox='0 0 122.878 122.88'%3E%3Cpath d='M1.426 8.313a4.87 4.87 0 0 1 0-6.886 4.87 4.87 0 0 1 6.886 0l53.127 53.127 53.127-53.127a4.87 4.87 0 0 1 6.887 0 4.87 4.87 0 0 1 0 6.886L68.324 61.439l53.128 53.128a4.87 4.87 0 0 1-6.887 6.886L61.438 68.326 8.312 121.453a4.87 4.87 0 0 1-6.886 0 4.87 4.87 0 0 1 0-6.886l53.127-53.128L1.426 8.313h0z'/%3E%3C/svg%3E") 16 16, crosshair;
9090
--icon-ms365-color: #ea3e23;
9191
--icon-yahoo-color: #5f01d1;
@@ -102,20 +102,20 @@
102102
--btn-border: #4d4d4d;
103103
--btn-text: #dedede;
104104
--btn-hover-text: #f1f1f1;
105-
--btn-shadow: rgba(255 255 255 / 5%) -3px -3px 30px -1px, rgba(0 0 0 / 40%) 2px 3px 10px -2px, rgba(0 0 0 / 40%) 1px 2px 3px -1px;
106-
--btn-hover-shadow: rgba(0 0 0 / 90%) 2px 5px 20px -4px, rgba(0 0 0 / 50%) 1px 2px 6px -2px;
107-
--btn-active-shadow: rgba(0 0 0 / 90%) 2px 5px 20px -4px, rgba(0 0 0 / 50%) 1px 2px 6px -2px;
108-
--btn-active-shadow-up: rgba(0 0 0 / 80%) 2px 4px 20px -4px, rgba(0 0 0 / 30%) 1px 1px 3px -1px, rgba(0 0 0 / 45%) 0 -3px 10px -1px;
105+
--btn-shadow: rgb(255 255 255 / 5%) -3px -3px 30px -1px, rgb(0 0 0 / 40%) 2px 3px 10px -2px, rgb(0 0 0 / 40%) 1px 2px 3px -1px;
106+
--btn-hover-shadow: rgb(0 0 0 / 90%) 2px 5px 20px -4px, rgb(0 0 0 / 50%) 1px 2px 6px -2px;
107+
--btn-active-shadow: rgb(0 0 0 / 90%) 2px 5px 20px -4px, rgb(0 0 0 / 50%) 1px 2px 6px -2px;
108+
--btn-active-shadow-up: rgb(0 0 0 / 80%) 2px 4px 20px -4px, rgb(0 0 0 / 30%) 1px 1px 3px -1px, rgb(0 0 0 / 45%) 0 -3px 10px -1px;
109109
--list-background: #2e2e2e;
110110
--list-hover-background: #373737;
111111
--list-text: #dedede;
112112
--list-hover-text: #f1f1f1;
113113
--list-close-background: #282828;
114-
--list-shadow: rgba(0 0 0 / 60%) 0 4px 20px -2px, rgba(0 0 0 / 40%) 0 2px 4px -1px;
115-
--list-modal-shadow: rgba(0 0 0 / 40%) -1px 3px 30px 2px;
114+
--list-shadow: rgb(0 0 0 / 60%) 0 4px 20px -2px, rgb(0 0 0 / 40%) 0 2px 4px -1px;
115+
--list-modal-shadow: rgb(0 0 0 / 40%) -1px 3px 30px 2px;
116116
--modal-text: #f1f1f1;
117117
--modal-background: #242424;
118-
--modal-shadow: drop-shadow(3px 6px 25px rgba(0 0 0 / 90%));
118+
--modal-shadow: drop-shadow(3px 6px 25px rgb(0 0 0 / 90%));
119119
--modal-btn-bar: #38383a;
120120
--modal-btn-background: #181819;
121121
--modal-btn-secondary-background: #2e2d30;
@@ -124,7 +124,7 @@
124124
--modal-btn-text: #dbdbdb;
125125
--modal-btn-hover-text: #fff;
126126
--modal-btn-secondary-text: #b8b8b8;
127-
--modal-btn-shadow: rgba(255 255 255 / 5%) -2px -2px 10px,rgba(0 0 0 / 40%) 3px 3px 10px -2px,rgba(0 0 0 / 40%) 1px 2px 5px -1px;
127+
--modal-btn-shadow: rgb(255 255 255 / 5%) -2px -2px 10px,rgb(0 0 0 / 40%) 3px 3px 10px -2px,rgb(0 0 0 / 40%) 1px 2px 5px -1px;
128128
--modal-btn-hover-shadow: none;
129129
--input-background: #434246;
130130
--status-active-text: #000;
@@ -137,10 +137,10 @@
137137
--date-btn-cal-background: #c7c7cd;
138138
--date-btn-background: #363636;
139139
--date-btn-hover-background: #474747;
140-
--date-btn-shadow: rgba(0 0 0 / 60%) 0 0 20px -2px, rgba(0 0 0 / 30%) 1px 2px 3px -1px;
140+
--date-btn-shadow: rgb(0 0 0 / 60%) 0 0 20px -2px, rgb(0 0 0 / 30%) 1px 2px 3px -1px;
141141
--date-btn-hover-shadow: none;
142142
--checkmark-background: drop-shadow(0 0 3px #0a0a0a);
143-
--overlay-background: rgba(20 20 20 / 60%);
143+
--overlay-background: rgb(20 20 20 / 60%);
144144
--icon-ms365-color: #ea3e23;
145145
--icon-yahoo-color: #bebebe;
146146
--icon-filter: grayscale(.2);
@@ -579,6 +579,18 @@
579579
padding: .3em 2em 2.2em;
580580
}
581581

582+
.atcb-modal-content ul,
583+
.atcb-modal-content ol {
584+
margin: 1em auto;
585+
text-align: left;
586+
width: fit-content;
587+
}
588+
589+
.atcb-rtl .atcb-modal-content ul,
590+
.atcb-rtl .atcb-modal-content ol {
591+
text-align: right;
592+
}
593+
582594
.atcb-modal-content-subevents {
583595
margin: auto;
584596
width: fit-content;
@@ -1034,13 +1046,6 @@ a.atcb-modal-btn:not([disabled]):hover {
10341046
text-align: center;
10351047
}
10361048

1037-
.pro ol,
1038-
.pro ul {
1039-
margin: auto;
1040-
text-align: left;
1041-
width: fit-content;
1042-
}
1043-
10441049
.pro a:not(.atcb-modal-btn),
10451050
.pro a:not(.atcb-modal-btn):visited,
10461051
.pro a:not(.atcb-modal-btn):active {
@@ -1436,7 +1441,7 @@ a.atcb-modal-btn:not([disabled]):hover {
14361441

14371442
#atcb-reference {
14381443
box-sizing: border-box;
1439-
filter: drop-shadow(0 0 3px rgba(255 255 255 / 80%));
1444+
filter: drop-shadow(0 0 3px rgb(255 255 255 / 80%));
14401445
height: auto;
14411446
padding: 8px 0;
14421447
text-align: center;

‎assets/css/atcb-3d.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/atcb-date.css

Lines changed: 34 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
*
66
* Style: Date
77
*
8-
* Version: 2.8.6
8+
* Version: 2.8.7
99
* Creator: Jens Kuerschner (https://jekuer.com)
1010
* Project: https://github.com/add2cal/add-to-calendar-button
1111
* License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -33,22 +33,22 @@
3333
--btn-border-radius: 4px;
3434
--btn-text: #333;
3535
--btn-hover-text: #000;
36-
--btn-shadow: rgba(0 0 0 / 13%) 0 4px 10px -2px, rgba(0 0 0 / 18%) 0 2px 3px -1px;
37-
--btn-hover-shadow: rgba(0 0 0 / 25%) 0 5px 12px -2px, rgba(0 0 0 / 25%) 0 3px 5px -2px;
36+
--btn-shadow: rgb(0 0 0 / 13%) 0 4px 10px -2px, rgb(0 0 0 / 18%) 0 2px 3px -1px;
37+
--btn-hover-shadow: rgb(0 0 0 / 25%) 0 5px 12px -2px, rgb(0 0 0 / 25%) 0 3px 5px -2px;
3838
--list-background: #f5f5f5;
3939
--list-hover-background: #fff;
4040
--list-text: #333;
4141
--list-font-weight: 400;
4242
--list-hover-text: #000;
4343
--list-close-background: #e5e5e5;
4444
--list-close-text: #777;
45-
--list-shadow: rgba(0 0 0 / 20%) 0 4px 13px -2px, rgba(0 0 0 / 23%) 0 2px 4px -1px;
46-
--list-modal-shadow: rgba(0 0 0 / 50%) 0 4px 30px -3px, rgba(0 0 0 / 30%) 0 2px 8px -2px;
45+
--list-shadow: rgb(0 0 0 / 20%) 0 4px 13px -2px, rgb(0 0 0 / 23%) 0 2px 4px -1px;
46+
--list-modal-shadow: rgb(0 0 0 / 50%) 0 4px 30px -3px, rgb(0 0 0 / 30%) 0 2px 8px -2px;
4747
--modal-text: #000;
48-
--modal-text-align: left;
49-
--modal-text-align-rtl: right;
48+
--modal-text-align: center;
49+
--modal-text-align-rtl: center;
5050
--modal-background: #f5f5f5;
51-
--modal-shadow: drop-shadow(3px 6px 25px rgba(0 0 0 / 65%));
51+
--modal-shadow: drop-shadow(3px 6px 25px rgb(0 0 0 / 65%));
5252
--modal-btn-bar: #c6c8cd;
5353
--modal-btn-background: #f5f5f5;
5454
--modal-btn-secondary-background: #e2e1e6;
@@ -58,8 +58,8 @@
5858
--modal-btn-text: #2e2e2e;
5959
--modal-btn-hover-text: #161616;
6060
--modal-btn-secondary-text: #666567;
61-
--modal-btn-shadow: rgba(0 0 0 / 10%) 0 4px 10px -2px, rgba(0 0 0 / 10%) 0 2px 3px -1px;
62-
--modal-btn-hover-shadow: rgba(0 0 0 / 25%) 0 5px 13px -2px, rgba(0 0 0 / 20%) 0 3px 5px -2px;
61+
--modal-btn-shadow: rgb(0 0 0 / 10%) 0 4px 10px -2px, rgb(0 0 0 / 10%) 0 2px 3px -1px;
62+
--modal-btn-hover-shadow: rgb(0 0 0 / 25%) 0 5px 13px -2px, rgb(0 0 0 / 20%) 0 3px 5px -2px;
6363
--modal-headline-text-align: center;
6464
--modal-headline-text-transform: none;
6565
--input-border-radius: 3px;
@@ -75,10 +75,10 @@
7575
--date-btn-background: #eae9ed;
7676
--date-btn-hover-background: #fff;
7777
--date-btn-headline-line-clamp: 1;
78-
--date-btn-shadow: rgba(0 0 0 / 10%) 0 4px 10px -2px, rgba(0 0 0 / 15%) 0 2px 3px -1px;
79-
--date-btn-hover-shadow: rgba(0 0 0 / 20%) 0 5px 12px -2px, rgba(0 0 0 / 20%) 0 3px 4px -2px;
78+
--date-btn-shadow: rgb(0 0 0 / 10%) 0 4px 10px -2px, rgb(0 0 0 / 15%) 0 2px 3px -1px;
79+
--date-btn-hover-shadow: rgb(0 0 0 / 20%) 0 5px 12px -2px, rgb(0 0 0 / 20%) 0 3px 4px -2px;
8080
--checkmark-background: drop-shadow(0 0 3px #fff);
81-
--overlay-background: rgba(20 20 20 / 25%);
81+
--overlay-background: rgb(20 20 20 / 25%);
8282
--overlay-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='16' height='16' viewBox='0 0 122.878 122.88'%3E%3Cpath d='M1.426 8.313a4.87 4.87 0 0 1 0-6.886 4.87 4.87 0 0 1 6.886 0l53.127 53.127 53.127-53.127a4.87 4.87 0 0 1 6.887 0 4.87 4.87 0 0 1 0 6.886L68.324 61.439l53.128 53.128a4.87 4.87 0 0 1-6.887 6.886L61.438 68.326 8.312 121.453a4.87 4.87 0 0 1-6.886 0 4.87 4.87 0 0 1 0-6.886l53.127-53.128L1.426 8.313h0z'/%3E%3C/svg%3E") 16 16, crosshair;
8383
--icon-ms365-color: #ea3e23;
8484
--icon-yahoo-color: #5f01d1;
@@ -95,18 +95,18 @@
9595
--btn-border: #4d4d4d;
9696
--btn-text: #dedede;
9797
--btn-hover-text: #f1f1f1;
98-
--btn-shadow: rgba(0 0 0 / 70%) 0 0 25px -2px, rgba(0 0 0 / 40%) 1px 2px 4px -1px;
99-
--btn-hover-shadow: rgba(0 0 0 / 90%) 2px 3px 25px -3px, rgba(0 0 0 / 50%) 1px 4px 6px -2px;
98+
--btn-shadow: rgb(0 0 0 / 70%) 0 0 25px -2px, rgb(0 0 0 / 40%) 1px 2px 4px -1px;
99+
--btn-hover-shadow: rgb(0 0 0 / 90%) 2px 3px 25px -3px, rgb(0 0 0 / 50%) 1px 4px 6px -2px;
100100
--list-background: #2e2e2e;
101101
--list-hover-background: #474747;
102102
--list-text: #dedede;
103103
--list-hover-text: #f1f1f1;
104104
--list-close-background: #282828;
105-
--list-shadow: rgba(0 0 0 / 60%) 0 4px 20px -2px, rgba(0 0 0 / 40%) 0 2px 4px -1px;
106-
--list-modal-shadow: rgba(0 0 0 / 40%) -1px 3px 30px 2px;
105+
--list-shadow: rgb(0 0 0 / 60%) 0 4px 20px -2px, rgb(0 0 0 / 40%) 0 2px 4px -1px;
106+
--list-modal-shadow: rgb(0 0 0 / 40%) -1px 3px 30px 2px;
107107
--modal-text: #f1f1f1;
108108
--modal-background: #242424;
109-
--modal-shadow: drop-shadow(3px 6px 25px rgba(0 0 0 / 90%));
109+
--modal-shadow: drop-shadow(3px 6px 25px rgb(0 0 0 / 90%));
110110
--modal-btn-bar: #38383a;
111111
--modal-btn-background: #181819;
112112
--modal-btn-secondary-background: #2e2d30;
@@ -115,7 +115,7 @@
115115
--modal-btn-text: #dbdbdb;
116116
--modal-btn-hover-text: #fff;
117117
--modal-btn-secondary-text: #b8b8b8;
118-
--modal-btn-shadow: rgba(255 255 255 / 5%) -2px -2px 10px,rgba(0 0 0 / 40%) 3px 3px 10px -2px,rgba(0 0 0 / 40%) 1px 2px 5px -1px;
118+
--modal-btn-shadow: rgb(255 255 255 / 5%) -2px -2px 10px,rgb(0 0 0 / 40%) 3px 3px 10px -2px,rgb(0 0 0 / 40%) 1px 2px 5px -1px;
119119
--input-background: #434246;
120120
--status-active-text: #000;
121121
--form-error: #db8680;
@@ -127,9 +127,9 @@
127127
--date-btn-cal-background: #c7c7cd;
128128
--date-btn-background: #363636;
129129
--date-btn-hover-background: #474747;
130-
--date-btn-shadow: rgba(0 0 0 / 60%) 0 0 20px -2px, rgba(0 0 0 / 30%) 1px 2px 3px -1px;
130+
--date-btn-shadow: rgb(0 0 0 / 60%) 0 0 20px -2px, rgb(0 0 0 / 30%) 1px 2px 3px -1px;
131131
--checkmark-background: drop-shadow(0 0 3px #0a0a0a);
132-
--overlay-background: rgba(20 20 20 / 60%);
132+
--overlay-background: rgb(20 20 20 / 60%);
133133
--icon-ms365-color: #ea3e23;
134134
--icon-yahoo-color: #bebebe;
135135
--icon-filter: grayscale(.2);
@@ -644,6 +644,18 @@
644644
padding: .3em 2em 2.2em;
645645
}
646646

647+
.atcb-modal-content ul,
648+
.atcb-modal-content ol {
649+
margin: 1em auto;
650+
text-align: left;
651+
width: fit-content;
652+
}
653+
654+
.atcb-rtl .atcb-modal-content ul,
655+
.atcb-rtl .atcb-modal-content ol {
656+
text-align: right;
657+
}
658+
647659
.atcb-modal-content-subevents {
648660
margin: auto;
649661
width: fit-content;
@@ -871,13 +883,6 @@ a.atcb-modal-btn:not([disabled]):hover {
871883
text-align: center;
872884
}
873885

874-
.pro ol,
875-
.pro ul {
876-
margin: auto;
877-
text-align: left;
878-
width: fit-content;
879-
}
880-
881886
.pro a:not(.atcb-modal-btn),
882887
.pro a:not(.atcb-modal-btn):visited,
883888
.pro a:not(.atcb-modal-btn):active {
@@ -1129,7 +1134,7 @@ a.atcb-modal-btn:not([disabled]):hover {
11291134

11301135
#atcb-reference {
11311136
box-sizing: border-box;
1132-
filter: drop-shadow(0 0 3px rgba(255 255 255 / 80%));
1137+
filter: drop-shadow(0 0 3px rgb(255 255 255 / 80%));
11331138
height: auto;
11341139
padding: 8px 0;
11351140
text-align: center;

‎assets/css/atcb-date.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/atcb-flat.css

Lines changed: 18 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
*
66
* Style: Flat
77
*
8-
* Version: 2.8.6
8+
* Version: 2.8.7
99
* Creator: Jens Kuerschner (https://jekuer.com)
1010
* Project: https://github.com/add2cal/add-to-calendar-button
1111
* License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -47,8 +47,8 @@
4747
--list-close-text-hover: #777;
4848
--list-padding: .8em;
4949
--modal-text: #000;
50-
--modal-text-align: left;
51-
--modal-text-align-rtl: right;
50+
--modal-text-align: center;
51+
--modal-text-align-rtl: center;
5252
--modal-background: #f5f5f5;
5353
--modal-btn-bar: #bababa;
5454
--modal-btn-background: #f5f5f5;
@@ -73,7 +73,7 @@
7373
--date-btn-background: #eae9ed;
7474
--date-btn-hover-background: #fff;
7575
--date-btn-headline-line-clamp: 1;
76-
--overlay-background: rgba(20 20 20 / 40%);
76+
--overlay-background: rgb(20 20 20 / 40%);
7777
--overlay-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='16' height='16' viewBox='0 0 122.878 122.88'%3E%3Cpath d='M1.426 8.313a4.87 4.87 0 0 1 0-6.886 4.87 4.87 0 0 1 6.886 0l53.127 53.127 53.127-53.127a4.87 4.87 0 0 1 6.887 0 4.87 4.87 0 0 1 0 6.886L68.324 61.439l53.128 53.128a4.87 4.87 0 0 1-6.887 6.886L61.438 68.326 8.312 121.453a4.87 4.87 0 0 1-6.886 0 4.87 4.87 0 0 1 0-6.886l53.127-53.128L1.426 8.313h0z'/%3E%3C/svg%3E") 16 16, crosshair;
7878
--icon-ms365-color: #ea3e23;
7979
--icon-yahoo-color: #5f01d1;
@@ -120,7 +120,7 @@
120120
--date-btn-cal-background: #c7c7cd;
121121
--date-btn-background: #2d2d2d;
122122
--date-btn-hover-background: #474747;
123-
--overlay-background: rgba(20 20 20 / 75%);
123+
--overlay-background: rgb(20 20 20 / 75%);
124124
--icon-ms365-color: #ea3e23;
125125
--icon-yahoo-color: #bebebe;
126126
--icon-filter: grayscale(0.2);
@@ -522,6 +522,18 @@
522522
padding: .3em 2em 2.2em;
523523
}
524524

525+
.atcb-modal-content ul,
526+
.atcb-modal-content ol {
527+
margin: 1em auto;
528+
text-align: left;
529+
width: fit-content;
530+
}
531+
532+
.atcb-rtl .atcb-modal-content ul,
533+
.atcb-rtl .atcb-modal-content ol {
534+
text-align: right;
535+
}
536+
525537
.atcb-modal-content-subevents {
526538
margin: auto;
527539
width: fit-content;
@@ -962,13 +974,6 @@ a.atcb-modal-btn:not([disabled]):hover {
962974
text-align: center;
963975
}
964976

965-
.pro ol,
966-
.pro ul {
967-
margin: auto;
968-
text-align: left;
969-
width: fit-content;
970-
}
971-
972977
.pro a:not(.atcb-modal-btn),
973978
.pro a:not(.atcb-modal-btn):visited,
974979
.pro a:not(.atcb-modal-btn):active {
@@ -1361,7 +1366,7 @@ a.atcb-modal-btn:not([disabled]):hover {
13611366

13621367
#atcb-reference {
13631368
box-sizing: border-box;
1364-
filter: drop-shadow(0 0 3px rgba(255 255 255 / 80%));
1369+
filter: drop-shadow(0 0 3px rgb(255 255 255 / 80%));
13651370
height: auto;
13661371
padding: 8px 0;
13671372
text-align: center;

‎assets/css/atcb-flat.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)