@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/index.js
CHANGED
|
@@ -6948,6 +6948,7 @@ a[target=_blank]:after {
|
|
|
6948
6948
|
--masthead-link-color: hsl(222, 63%, 50%);
|
|
6949
6949
|
--masthead-link-color-hover: hsl(221, 64%, 55%);
|
|
6950
6950
|
--masthead-mobile-font-size: 0.6875rem;
|
|
6951
|
+
--masthead-mobile-padding-x: 1.25rem;
|
|
6951
6952
|
--masthead-crest-color: rgb(239, 51, 32);
|
|
6952
6953
|
}
|
|
6953
6954
|
|
|
@@ -6987,14 +6988,14 @@ a[target=_blank]:after {
|
|
|
6987
6988
|
}
|
|
6988
6989
|
@media screen and (max-width: 1023px) {
|
|
6989
6990
|
.row {
|
|
6990
|
-
padding-left: var(--masthead-
|
|
6991
|
-
padding-right: var(--masthead-
|
|
6991
|
+
padding-left: var(--masthead-mobile-padding-x);
|
|
6992
|
+
padding-right: var(--masthead-mobile-padding-x);
|
|
6992
6993
|
}
|
|
6993
6994
|
}
|
|
6994
6995
|
|
|
6995
6996
|
.sgds-masthead-identify-icon {
|
|
6996
|
-
width:
|
|
6997
|
-
height:
|
|
6997
|
+
width: 12px;
|
|
6998
|
+
height: 21px;
|
|
6998
6999
|
display: block;
|
|
6999
7000
|
transform: rotate(180deg);
|
|
7000
7001
|
user-select: none;
|
|
@@ -7008,6 +7009,7 @@ a[target=_blank]:after {
|
|
|
7008
7009
|
.sgds-masthead-button {
|
|
7009
7010
|
display: flex;
|
|
7010
7011
|
color: var(--masthead-link-color);
|
|
7012
|
+
align-items: center;
|
|
7011
7013
|
cursor: pointer;
|
|
7012
7014
|
}
|
|
7013
7015
|
.sgds-masthead-button-text {
|
|
@@ -7059,7 +7061,7 @@ a[target=_blank]:after {
|
|
|
7059
7061
|
}
|
|
7060
7062
|
@media screen and (max-width: 1023px) {
|
|
7061
7063
|
.sgds-masthead-content .wrapper {
|
|
7062
|
-
font-size: var(--masthead-
|
|
7064
|
+
font-size: var(--masthead-mobile-font-size);
|
|
7063
7065
|
gap: 0.5rem;
|
|
7064
7066
|
}
|
|
7065
7067
|
}
|
|
@@ -7075,6 +7077,11 @@ a[target=_blank]:after {
|
|
|
7075
7077
|
.sgds-masthead-content .wrapper .content article {
|
|
7076
7078
|
line-height: 1.5rem;
|
|
7077
7079
|
}
|
|
7080
|
+
@media screen and (max-width: 1023px) {
|
|
7081
|
+
.sgds-masthead-content .wrapper .content article {
|
|
7082
|
+
line-height: 1.2rem;
|
|
7083
|
+
}
|
|
7084
|
+
}
|
|
7078
7085
|
.sgds-masthead-content .wrapper .banner-icon {
|
|
7079
7086
|
width: 1.125rem;
|
|
7080
7087
|
}
|
|
@@ -20629,7 +20636,6 @@ let SideNavElement = class SideNavElement extends s$1 {
|
|
|
20629
20636
|
this.alwaysOpen
|
|
20630
20637
|
? null
|
|
20631
20638
|
: this.addEventListener("toggle-onclick", (e) => {
|
|
20632
|
-
console.log("hearing ");
|
|
20633
20639
|
const children = this.querySelectorAll("sidenav-item");
|
|
20634
20640
|
for (let i = 0; i < children.length; i++) {
|
|
20635
20641
|
if (e.detail.index != i) {
|