Skip to content

Commit f388fa2

Browse files
jekuerjekuer
authored
Merge pull request #65 from jekuer/css-fixes
Css fixes
2 parents cc3892f + b5a826d commit f388fa2

File tree

10 files changed

+29
-31
lines changed

10 files changed

+29
-31
lines changed

‎assets/css/atcb.css

Lines changed: 17 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
* Add-to-Calendar Button
44
* ++++++++++++++++++++++
55
*
6-
* Version: 1.8.7
6+
* Version: 1.8.8
77
* Creator: Jens Kuerschner (https://jenskuerschner.de)
88
* Project: https://github.com/jekuer/add-to-calendar-button
99
* License: MIT with “Commons Clause” License Condition v1.0
@@ -25,7 +25,6 @@
2525
background: rgb(245, 245, 245);
2626
border: 1px solid rgb(210, 210, 210);
2727
border-radius: 6px;
28-
-webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,.4);
2928
box-shadow: 1px 2px 10px 0px rgba(0,0,0,.4);
3029
color: rgb(51, 51, 51);
3130
cursor: pointer;
@@ -34,17 +33,14 @@
3433
font-size: 16px;
3534
font-weight: 600;
3635
line-height: 24px;
37-
margin: 0 4px 2px 4px;
36+
margin: 0 2px;
3837
max-width: 300px;
3938
min-width: 150px;
4039
padding: 10px 16px;
4140
position: relative;
4241
text-align: center;
43-
touch-action: manipulation;
44-
transform: translateZ(0px);
45-
-webkit-user-select: none;
46-
-moz-user-select: none;
47-
-ms-user-select: none;
42+
touch-action: manipulation;
43+
transform: translate3d(0,0,-12px);
4844
user-select: none;
4945
-webkit-tap-highlight-color: transparent;
5046
width: auto;
@@ -54,6 +50,9 @@
5450
.atcb_button:hover {
5551
background: rgb(255, 255, 255);
5652
}
53+
.atcb_button:focus-visible {
54+
outline: 2px solid dodgerblue;
55+
}
5756
@media only screen and (max-width: 575px) {
5857
.atcb_button {
5958
font-size: 14px;
@@ -62,12 +61,11 @@
6261

6362
.atcb_button.atcb_active {
6463
background: rgb(255, 255, 255);
65-
-webkit-box-shadow: 1px 8px 12px 0px rgba(0,0,0,.5);
6664
box-shadow: 1px 8px 12px 0px rgba(0,0,0,.5);
6765
margin: 0;
68-
padding: 10px 20px 12px 20px;
69-
transform: perspective(100px) rotateX(12deg) translateZ(1px);
70-
transition: margin .1s ease-out, padding .1s ease-out, transform .1s ease-out;
66+
padding: 10px 18px;
67+
transform: perspective(100px) rotateX(12deg) translate3d(0,0,2px);
68+
transition: margin .15s ease-out, padding .15s ease-out, transform .1s ease-out;
7169
z-index: 160;
7270
}
7371

@@ -91,10 +89,7 @@
9189
max-width: 100%;
9290
padding: 0 4px;
9391
position: absolute;
94-
transform: translateZ(0px);
95-
-webkit-user-select: none;
96-
-moz-user-select: none;
97-
-ms-user-select: none;
92+
transform: translate3d(0,0,0);
9893
user-select: none;
9994
width: 100%;
10095
min-width: 10em;
@@ -131,7 +126,6 @@
131126
align-items: center;
132127
background: rgb(245, 245, 245);
133128
border: 1px solid rgb(210, 210, 210);
134-
-webkit-box-shadow: 1px 2px 8px 0px rgba(0,0,0,.3);
135129
box-shadow: 1px 2px 8px 0px rgba(0,0,0,.3);
136130
box-sizing: border-box;
137131
cursor: pointer;
@@ -149,10 +143,14 @@
149143
.atcb_list_item:focus,
150144
.atcb_list_item:hover {
151145
background: rgb(255, 255, 255);
152-
-webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,.4);
153146
box-shadow: 1px 2px 10px 0px rgba(0,0,0,.4);
154147
color: rgb(0, 0, 0);
155148
}
149+
.atcb_list_item:focus-visible {
150+
color: dodgerblue;
151+
font-weight: 600;
152+
outline: none;
153+
}
156154
@media only screen and (max-width: 575px) {
157155
.atcb_list_item {
158156
font-size: 14px;
@@ -188,7 +186,7 @@
188186
position: fixed;
189187
right: 0;
190188
top: 0;
191-
transform: translateZ(-10px);
189+
transform: translate3d(0,0,-10px);
192190
width: 100%;
193191
z-index: 120;
194192
}

‎assets/css/atcb.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.min.css.map

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/js/atcb.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
* Add-to-Calendar Button
44
* ++++++++++++++++++++++
55
*/
6-
const atcbVersion = '1.8.7';
6+
const atcbVersion = '1.8.8';
77
/* Creator: Jens Kuerschner (https://jenskuerschner.de)
88
* Project: https://github.com/jekuer/add-to-calendar-button
99
* License: MIT with “Commons Clause” License Condition v1.0

‎assets/js/atcb.min.js

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

‎index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -124,13 +124,13 @@
124124
</style>
125125

126126
<!-- load the general button css -->
127-
<link rel="stylesheet" href="./assets/css/atcb.min.css?v=1.8.7">
127+
<link rel="stylesheet" href="./assets/css/atcb.min.css?v=1.8.8">
128128

129129
</head>
130130
<body>
131131
<div class="container">
132132

133-
<h1>Add-to-Calendar Button <span id="tinyVersion">v1.8.7</span></h1>
133+
<h1>Add-to-Calendar Button <span id="tinyVersion">v1.8.8</span></h1>
134134
<h2>A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.</h2>
135135
<p class="github">
136136
<a target="_blank" href="https://github.com/jekuer/add-to-calendar-button" class="clean">
@@ -658,7 +658,7 @@ <h3>Example 9: Bring-Your-Own Anything</h3>
658658

659659

660660
<!-- load the button js -->
661-
<script type="application/javascript" src="./assets/js/atcb.min.js?v=1.8.7" defer></script>
661+
<script type="application/javascript" src="./assets/js/atcb.min.js?v=1.8.8" defer></script>
662662

663663
</body>
664664
</html>

‎npm_dist/cjs/index.js

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

‎npm_dist/mjs/index.js

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

‎package-lock.json

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "add-to-calendar-button",
3-
"version": "1.8.7",
3+
"version": "1.8.8",
44
"description": "A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.",
55
"main": "npm_dist/cjs/index.js",
66
"module": "npm_dist/mjs/index.js",

0 commit comments

Comments
 (0)