diff options
| author | Frederick Mixell <frederick.mixell@leftfieldlabs.com> | 2022-11-28 14:17:03 -0500 |
|---|---|---|
| committer | Jamal Carvalho <jamal@golang.org> | 2023-02-14 17:07:04 +0000 |
| commit | 6e1dd4f0068b6905ecae96304872ef52928af6b1 (patch) | |
| tree | 969c89c91a86b62b3ac795e8446a38810896d013 /_content | |
| parent | d7a0e24020db201fe021c108073fd99339e7b83a (diff) | |
| download | go-x-website-6e1dd4f0068b6905ecae96304872ef52928af6b1.tar.xz | |
_content: qa updates play page
- adds dark mode functionality for the community menu
- adds 'overflow: auto;' over 'overflow: scroll;' for play page about modal to prevent ghost scroll bars on certain devices.
Change-Id: I175f21aa06b47bd590010551e8bd3757993bea96
Reviewed-on: https://go-review.googlesource.com/c/website/+/453795
Run-TryBot: Jamal Carvalho <jamal@golang.org>
Reviewed-by: Hyang-Ah Hana Kim <hyangah@gmail.com>
Reviewed-by: Jamal Carvalho <jamal@golang.org>
TryBot-Result: Gopher Robot <gobot@golang.org>
Diffstat (limited to '_content')
| -rw-r--r-- | _content/css/styles.css | 6 | ||||
| -rw-r--r-- | _content/images/logos/social/github-light.svg | 1 | ||||
| -rw-r--r-- | _content/menus.yaml | 2 | ||||
| -rw-r--r-- | _content/site.tmpl | 7 |
4 files changed, 14 insertions, 2 deletions
diff --git a/_content/css/styles.css b/_content/css/styles.css index 3e15d851..fede7200 100644 --- a/_content/css/styles.css +++ b/_content/css/styles.css @@ -766,6 +766,12 @@ a.Footer-link--primary { filter: invert(1); } } +[data-theme='dark'] .Header-menuItem a.Header-socialIcon.Header-socialIcon-dark { + display: inline-flex; +} +[data-theme='dark'] .Header-menuItem a.Header-socialIcon.Header-socialIcon-light { + display: none; +} /* End nav */ .Article { color: var(--color-text); diff --git a/_content/images/logos/social/github-light.svg b/_content/images/logos/social/github-light.svg new file mode 100644 index 00000000..a08fb056 --- /dev/null +++ b/_content/images/logos/social/github-light.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" version="1.2"><defs><image id="a" width="32" height="31" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAMAAACxiD++AAAAAXNSR0IB2cksfwAAASlQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////znvV+gAAAGN0Uk5TABRjpNLz/zGp+w+b/t5C8TMR39atnlwH6ME0MigCrjUY/F9n4xLiYvbh29zyFtBendEEWY8N9asZl4o/wvqqZQM5aB73c8kBsH44ITw+xLkQekYVbx/DdWB4CLdk6usM2ux0Vi2hMAAAAY1JREFUeJxtkmdDwjAQho8CsVYQoUDZFhEHIKAsUREHWnEg7oEK+P9/hMml1A7uA3d9nzdHLgmAES7B7fES4vW4BRc4Y0FcJEYsigs2LC35iCV8S5JluZ84wm9qshxwckICyzO+MpdTxwrnwRD9kMMWVyAs099QEA0RpkRBEWJ0xHicjhoTFIgyNcJ4Apck2SipNBPSKTZAEuUErTJYrdrPZRXlDICaxWrNblhDOatCDov1vN2Q30CQAxHzpvPsNxGIIGMnyWmQ8L9l2GJp28kBthnZAmxUmGcoIuKG0jxDiRt42nHyHX1pGXPFaaggKEMV8+6ene/tIqhCjV9f3W6oc70GjSavWqoZ77e42mwAtAk5ODwipHPcTZxg89OzTEd/F236fd4jvgvlEu9OYwbtyng3vXMm9Gl1fcPu5pb3vzMMfb7fASH3MBQeHk+44WnGB/psKj3UZ9MOhzovGvt+KRDy+vb+8WkxFF7+1+RHKA3NhpHlDWlf31bDT1ezndz4YjJVeKlMJ7/jmf4H0HIrIWAwTZgAAAAASUVORK5CYII="/></defs><use href="#a" transform="scale(.5)"/></svg>
\ No newline at end of file diff --git a/_content/menus.yaml b/_content/menus.yaml index 4d83732b..d46afa32 100644 --- a/_content/menus.yaml +++ b/_content/menus.yaml @@ -57,7 +57,7 @@ main: img: google-groups.svg, url: 'https://groups.google.com/g/golang-nuts', }, - {img: github.svg, url: 'https://github.com/golang'}, + {img: github.svg, darkImg: github-light.svg, url: 'https://github.com/golang',}, {img: twitter.svg, url: 'https://twitter.com/golang'}, {img: reddit.svg, url: 'https://www.reddit.com/r/golang/'}, {img: slack.svg, url: 'https://invite.slack.golangbridge.org/'}, diff --git a/_content/site.tmpl b/_content/site.tmpl index 24c51657..df0fc204 100644 --- a/_content/site.tmpl +++ b/_content/site.tmpl @@ -83,7 +83,12 @@ {{- if .socialIconsList}} <div class="Header-socialIcons"> {{ range .socialIconsList }} - <a class="Header-socialIcon" href="{{.url}}"><img src="/images/logos/social/{{.img}}" /></a> + {{ if .darkImg }} + <a class="Header-socialIcon Header-socialIcon-light" href="{{.url}}"><img src="/images/logos/social/{{.img}}" /></a> + <a class="Header-socialIcon Header-socialIcon-dark" href="{{.url}}"><img src="/images/logos/social/{{.darkImg}}" /></a> + {{else}} + <a class="Header-socialIcon" href="{{.url}}"><img src="/images/logos/social/{{.img}}" /></a> + {{end}} {{- end}} </div> {{- end}} |
