@govtechsg/sgds-web-component 0.0.2 → 0.0.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/Masthead/index.js +12 -5
- package/Masthead/index.js.map +1 -1
- package/SideNav/index.js +0 -1
- package/SideNav/index.js.map +1 -1
- package/index.js +12 -6
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/umd/index.js +12 -6
- package/umd/index.js.map +1 -1
package/package.json
CHANGED
package/umd/index.js
CHANGED
|
@@ -6953,6 +6953,7 @@ a[target=_blank]:after {
|
|
|
6953
6953
|
--masthead-link-color: hsl(222, 63%, 50%);
|
|
6954
6954
|
--masthead-link-color-hover: hsl(221, 64%, 55%);
|
|
6955
6955
|
--masthead-mobile-font-size: 0.6875rem;
|
|
6956
|
+
--masthead-mobile-padding-x: 1.25rem;
|
|
6956
6957
|
--masthead-crest-color: rgb(239, 51, 32);
|
|
6957
6958
|
}
|
|
6958
6959
|
|
|
@@ -6992,14 +6993,14 @@ a[target=_blank]:after {
|
|
|
6992
6993
|
}
|
|
6993
6994
|
@media screen and (max-width: 1023px) {
|
|
6994
6995
|
.row {
|
|
6995
|
-
padding-left: var(--masthead-
|
|
6996
|
-
padding-right: var(--masthead-
|
|
6996
|
+
padding-left: var(--masthead-mobile-padding-x);
|
|
6997
|
+
padding-right: var(--masthead-mobile-padding-x);
|
|
6997
6998
|
}
|
|
6998
6999
|
}
|
|
6999
7000
|
|
|
7000
7001
|
.sgds-masthead-identify-icon {
|
|
7001
|
-
width:
|
|
7002
|
-
height:
|
|
7002
|
+
width: 12px;
|
|
7003
|
+
height: 21px;
|
|
7003
7004
|
display: block;
|
|
7004
7005
|
transform: rotate(180deg);
|
|
7005
7006
|
user-select: none;
|
|
@@ -7013,6 +7014,7 @@ a[target=_blank]:after {
|
|
|
7013
7014
|
.sgds-masthead-button {
|
|
7014
7015
|
display: flex;
|
|
7015
7016
|
color: var(--masthead-link-color);
|
|
7017
|
+
align-items: center;
|
|
7016
7018
|
cursor: pointer;
|
|
7017
7019
|
}
|
|
7018
7020
|
.sgds-masthead-button-text {
|
|
@@ -7064,7 +7066,7 @@ a[target=_blank]:after {
|
|
|
7064
7066
|
}
|
|
7065
7067
|
@media screen and (max-width: 1023px) {
|
|
7066
7068
|
.sgds-masthead-content .wrapper {
|
|
7067
|
-
font-size: var(--masthead-
|
|
7069
|
+
font-size: var(--masthead-mobile-font-size);
|
|
7068
7070
|
gap: 0.5rem;
|
|
7069
7071
|
}
|
|
7070
7072
|
}
|
|
@@ -7080,6 +7082,11 @@ a[target=_blank]:after {
|
|
|
7080
7082
|
.sgds-masthead-content .wrapper .content article {
|
|
7081
7083
|
line-height: 1.5rem;
|
|
7082
7084
|
}
|
|
7085
|
+
@media screen and (max-width: 1023px) {
|
|
7086
|
+
.sgds-masthead-content .wrapper .content article {
|
|
7087
|
+
line-height: 1.2rem;
|
|
7088
|
+
}
|
|
7089
|
+
}
|
|
7083
7090
|
.sgds-masthead-content .wrapper .banner-icon {
|
|
7084
7091
|
width: 1.125rem;
|
|
7085
7092
|
}
|
|
@@ -20634,7 +20641,6 @@ a[target=_blank]:after {
|
|
|
20634
20641
|
this.alwaysOpen
|
|
20635
20642
|
? null
|
|
20636
20643
|
: this.addEventListener("toggle-onclick", (e) => {
|
|
20637
|
-
console.log("hearing ");
|
|
20638
20644
|
const children = this.querySelectorAll("sidenav-item");
|
|
20639
20645
|
for (let i = 0; i < children.length; i++) {
|
|
20640
20646
|
if (e.detail.index != i) {
|