From 11788567a4ece2a46ded12c9111f337a7b65c400 Mon Sep 17 00:00:00 2001 From: Roy Hvaara Date: Thu, 5 Dec 2019 00:22:31 +0100 Subject: [PATCH] Add YouTube social button in header and footer (#16838) --- assets/sass/_base.sass | 10 ++++++++-- assets/sass/_desktop.sass | 8 +++++++- i18n/en.toml | 3 +++ layouts/partials/footer.html | 1 + layouts/partials/header.html | 1 + static/images/social_sprite.svg | 2 +- 6 files changed, 21 insertions(+), 4 deletions(-) diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass index 15a6e1cf2d2e9..55d38ac0a93d9 100644 --- a/assets/sass/_base.sass +++ b/assets/sass/_base.sass @@ -125,7 +125,7 @@ header background-size: contain background-position: center center background-repeat: no-repeat - + #blog &.flip-nav, &.open-nav .logo @@ -490,7 +490,7 @@ footer display: inline-block background-image: url(/images/social_sprite.svg) background-repeat: no-repeat - background-size: 300px + background-size: 350px width: 50px height: 50px border-radius: 5px @@ -549,6 +549,12 @@ a.calendar &:hover background-position: -250px 100% +a.youtube + background-position: -300px 0 + + &:hover + background-position: -300px 100% + #viewDocs display: none diff --git a/assets/sass/_desktop.sass b/assets/sass/_desktop.sass index 3186335f276f3..cc75a377d78e8 100644 --- a/assets/sass/_desktop.sass +++ b/assets/sass/_desktop.sass @@ -213,7 +213,7 @@ $video-section-height: 550px display: inline-block background-image: url(../images/social_sprite.svg) background-repeat: no-repeat - background-size: 300px + background-size: 350px width: 50px height: 50px border-radius: 5px @@ -264,6 +264,12 @@ $video-section-height: 550px &:hover background-position: -250px 100% + a.youtube + background-position: -300px 0 + + &:hover + background-position: -300px 100% + #community, .gridPage #hero text-align: left diff --git a/i18n/en.toml b/i18n/en.toml index 4f8ff70f24b56..b829bc87da1c6 100644 --- a/i18n/en.toml +++ b/i18n/en.toml @@ -25,6 +25,9 @@ other = "Stack Overflow" [community_twitter_name] other = "Twitter" +[community_youtube_name] +other = "YouTube" + [deprecation_warning] other = " documentation is no longer actively maintained. The version you are currently viewing is a static snapshot. For up-to-date documentation, see the " diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index f6e6de1d64345..e85366460fec8 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -15,6 +15,7 @@
{{ T "community_stack_overflow_name" }} + {{ T "community_youtube_name" }} {{ T "community_forum_name" }} {{ T "community_events_calendar" }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html index a8065b294a7f3..074eb9f2f0218 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -62,6 +62,7 @@
{{ T "main_community_explore" }}
{{ T "community_github_name" }} {{ T "community_slack_name" }} Slack {{ T "community_stack_overflow_name" }} + {{ T "community_youtube_name" }} {{ T "community_forum_name" }} {{ T "community_events_calendar" }} diff --git a/static/images/social_sprite.svg b/static/images/social_sprite.svg index ef8796579c649..dc720694ba1db 100644 --- a/static/images/social_sprite.svg +++ b/static/images/social_sprite.svg @@ -1 +1 @@ -kubernetes_icons \ No newline at end of file +kubernetes_icons