diff --git a/modules/wri_language_select/components/wri_language_select.sfc b/modules/wri_language_select/components/wri_language_select.sfc index 02c47d014..d161cced9 100644 --- a/modules/wri_language_select/components/wri_language_select.sfc +++ b/modules/wri_language_select/components/wri_language_select.sfc @@ -2,52 +2,11 @@ @@ -55,6 +14,40 @@ .tray-contents ul.links a.is-active { color: #ffffff; } +.block-language ul { + list-style-type: none; + margin: 0; + padding: 0; +} +.language-link { + color: #fff; + font-size: 1.25rem; + line-height: 1; + font-family: "acumin-pro-semi-condensed",sans-serif; + font-weight: 700; + +} +.block-language ul li .language-link.is-active { + color: #f3b229; +} +.block-language ul li .language-link:hover, .block-language ul li .language-link:active, .block-language ul li .language-link:focus, .block-language ul li .language-link.is-active { + background-color: #f3b229; + color: #1a1919 !important; +} +.block-language ul li .language-link { + display: block; + padding: 0.5625rem 0 0.5625rem 0.5625rem; + margin-bottom: 0.125rem; + text-decoration: none; + border-radius: 5px; +} +.block-language ul li .language-link.is-active:active, .block-language ul li .language-link.is-active:hover, .block-language ul li .language-link.is-active:focus { + background-color: #1a1919; + color: #f3b229 !important; +} +.block-language ul li .language-link.is-active { + color: #f3b229; +} + + + + + + diff --git a/themes/custom/ts_wrin/img/svgs/wechat.svg b/themes/custom/ts_wrin/img/svgs/wechat.svg new file mode 100644 index 000000000..024689353 --- /dev/null +++ b/themes/custom/ts_wrin/img/svgs/wechat.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/themes/custom/ts_wrin/img/svgs/weibo-grey.svg b/themes/custom/ts_wrin/img/svgs/weibo-grey.svg new file mode 100644 index 000000000..9f78e7163 --- /dev/null +++ b/themes/custom/ts_wrin/img/svgs/weibo-grey.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/themes/custom/ts_wrin/img/svgs/weibo.svg b/themes/custom/ts_wrin/img/svgs/weibo.svg new file mode 100644 index 000000000..509e53d1f --- /dev/null +++ b/themes/custom/ts_wrin/img/svgs/weibo.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/themes/custom/ts_wrin/sass/global/_footer.scss b/themes/custom/ts_wrin/sass/global/_footer.scss index d8942f9c6..b10e7b274 100644 --- a/themes/custom/ts_wrin/sass/global/_footer.scss +++ b/themes/custom/ts_wrin/sass/global/_footer.scss @@ -310,7 +310,7 @@ } } - $social-icons: facebook twitter linkedin youtube instagram; + $social-icons: facebook twitter linkedin youtube instagram wechat weibo; @each $icon in $social-icons { a.#{$icon} { background: transparent diff --git a/themes/custom/ts_wrin/sass/global/_header.scss b/themes/custom/ts_wrin/sass/global/_header.scss index 82d3f46d9..2a7445b6b 100644 --- a/themes/custom/ts_wrin/sass/global/_header.scss +++ b/themes/custom/ts_wrin/sass/global/_header.scss @@ -143,6 +143,9 @@ header { .tray-toggle.search-toggle svg { width: 20px; } + .tray-toggle.language-toggle svg { + width: 28px; + } .tray-toggle.filter-toggle { position: relative; border-radius: 5px; diff --git a/themes/custom/ts_wrin/sass/global/_tray-nav.scss b/themes/custom/ts_wrin/sass/global/_tray-nav.scss index b8e946fe7..f120ad62f 100644 --- a/themes/custom/ts_wrin/sass/global/_tray-nav.scss +++ b/themes/custom/ts_wrin/sass/global/_tray-nav.scss @@ -79,6 +79,7 @@ body.noscroll { } } .block-wri-search, +.block-language, .block-wri-filter { position: relative; }