hr-design-system-handlebars 1.68.2 → 1.68.3
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/CHANGELOG.md +12 -0
- package/dist/assets/index.css +5 -5
- package/dist/assets/js/components/site_header/mainNavigationHandler.alpine.js +1 -1
- package/dist/views/components/social_sharing/social_sharing_compact.hbs +1 -1
- package/dist/views_static/components/social_sharing/social_sharing_compact.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/views/components/site_header/mainNavigationHandler.alpine.js +1 -1
- package/src/stories/views/components/social_sharing/social_sharing_compact.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v1.68.3 (Tue May 28 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- fixes bottom position of sharing button in mobile view [#930](https://github.com/mumprod/hr-design-system-handlebars/pull/930) ([@StefanVesper](https://github.com/StefanVesper))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v1.68.2 (Wed May 22 2024)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1046,8 +1046,8 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
1046
1046
|
.bottom-15 {
|
|
1047
1047
|
bottom: 3.75rem;
|
|
1048
1048
|
}
|
|
1049
|
-
.bottom
|
|
1050
|
-
bottom:
|
|
1049
|
+
.bottom-\[19px\] {
|
|
1050
|
+
bottom: 19px;
|
|
1051
1051
|
}
|
|
1052
1052
|
.bottom-feature-box-height {
|
|
1053
1053
|
bottom: 0;
|
|
@@ -3347,7 +3347,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3347
3347
|
border-bottom-color: var(--color-secondary-ds);
|
|
3348
3348
|
}
|
|
3349
3349
|
.counter-reset {
|
|
3350
|
-
counter-reset:
|
|
3350
|
+
counter-reset: cnt1716893696134;
|
|
3351
3351
|
}
|
|
3352
3352
|
.hyphens-auto {
|
|
3353
3353
|
-webkit-hyphens: auto;
|
|
@@ -3726,7 +3726,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3726
3726
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3727
3727
|
}
|
|
3728
3728
|
.-ordered {
|
|
3729
|
-
counter-increment:
|
|
3729
|
+
counter-increment: cnt1716893696134 1;
|
|
3730
3730
|
}
|
|
3731
3731
|
.-ordered::before {
|
|
3732
3732
|
position: absolute;
|
|
@@ -3742,7 +3742,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3742
3742
|
letter-spacing: .0125em;
|
|
3743
3743
|
--tw-text-opacity: 1;
|
|
3744
3744
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3745
|
-
content: counter(
|
|
3745
|
+
content: counter(cnt1716893696134);
|
|
3746
3746
|
}
|
|
3747
3747
|
/*! ****************************/
|
|
3748
3748
|
/*! DataPolicy stuff */
|
|
@@ -52,7 +52,7 @@ export default () => ({
|
|
|
52
52
|
},
|
|
53
53
|
|
|
54
54
|
checkFooterTopForSharingBottomPos(){
|
|
55
|
-
this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) +
|
|
55
|
+
this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 19 +'px' : null
|
|
56
56
|
},
|
|
57
57
|
|
|
58
58
|
//Holds the percentage of scrolled viewport
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
<div :class="{ 'grid grid-page z-110 fixed bottom-feature-box-height left-0 w-full': $store.sharingIsVisible == false}">
|
|
11
11
|
<div :class="{ 'flex justify-start col-full sm:col-main relative': $store.sharingIsVisible == false }">
|
|
12
12
|
<div :style="($store.footerIsVisible && !$screen('lg')) && {bottom:$store.sharingBottomPos.current}"
|
|
13
|
-
:class="{ 'bottom-
|
|
13
|
+
:class="{ 'bottom-[19px] flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
|
|
14
14
|
'flex-col absolute mt-3' : $store.footerIsVisible == true }"
|
|
15
15
|
class="flex self-center gap-3 bg-white left-5">
|
|
16
16
|
<button
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
<div :class="{ 'grid grid-page z-110 fixed bottom-feature-box-height left-0 w-full': $store.sharingIsVisible == false}">
|
|
11
11
|
<div :class="{ 'flex justify-start col-full sm:col-main relative': $store.sharingIsVisible == false }">
|
|
12
12
|
<div :style="($store.footerIsVisible && !$screen('lg')) && {bottom:$store.sharingBottomPos.current}"
|
|
13
|
-
:class="{ 'bottom-
|
|
13
|
+
:class="{ 'bottom-[19px] flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
|
|
14
14
|
'flex-col absolute mt-3' : $store.footerIsVisible == true }"
|
|
15
15
|
class="flex self-center gap-3 bg-white left-5">
|
|
16
16
|
<button
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"repository": "https://github.com/szuelch/hr-design-system-handlebars",
|
|
9
|
-
"version": "1.68.
|
|
9
|
+
"version": "1.68.3",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -52,7 +52,7 @@ export default () => ({
|
|
|
52
52
|
},
|
|
53
53
|
|
|
54
54
|
checkFooterTopForSharingBottomPos(){
|
|
55
|
-
this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) +
|
|
55
|
+
this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 19 +'px' : null
|
|
56
56
|
},
|
|
57
57
|
|
|
58
58
|
//Holds the percentage of scrolled viewport
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
<div :class="{ 'grid grid-page z-110 fixed bottom-feature-box-height left-0 w-full': $store.sharingIsVisible == false}">
|
|
11
11
|
<div :class="{ 'flex justify-start col-full sm:col-main relative': $store.sharingIsVisible == false }">
|
|
12
12
|
<div :style="($store.footerIsVisible && !$screen('lg')) && {bottom:$store.sharingBottomPos.current}"
|
|
13
|
-
:class="{ 'bottom-
|
|
13
|
+
:class="{ 'bottom-[19px] flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
|
|
14
14
|
'flex-col absolute mt-3' : $store.footerIsVisible == true }"
|
|
15
15
|
class="flex self-center gap-3 bg-white left-5">
|
|
16
16
|
<button
|