diff options
| author | Frederick Mixell <frederick.mixell@leftfieldlabs.com> | 2022-10-10 11:28:04 -0400 |
|---|---|---|
| committer | Gopher Robot <gobot@golang.org> | 2022-12-28 16:21:58 +0000 |
| commit | 7a2ed92457263fe7224b16741580ace014e9bacf (patch) | |
| tree | 9b6042c528ce36f49c619af5177b6d7526e077e2 /_content/css/styles.css | |
| parent | e686abea874ce867c9a5229aa5e81e81c111aa96 (diff) | |
| download | go-x-website-7a2ed92457263fe7224b16741580ace014e9bacf.tar.xz | |
_content: Sidebar template prop
- Adds desktop only sidebar options
- Turn on any doc template with "Sidebar" prop
- currently 2 sidebar choices "faq" or "bug"
Added to the following pages
- /doc/install
- /doc/faq
- /help
Video: https://drive.google.com/file/d/1MmZSvdqcmREeB5ZU0YXwuilFDsusmne1/view?usp=sharing
Change-Id: Ie106fdfeac464752789319aa87ffe0144dbc5c88
Reviewed-on: https://go-review.googlesource.com/c/website/+/441857
TryBot-Result: Gopher Robot <gobot@golang.org>
Auto-Submit: Jamal Carvalho <jamal@golang.org>
Reviewed-by: Jamal Carvalho <jamal@golang.org>
Reviewed-by: Hyang-Ah Hana Kim <hyangah@gmail.com>
Run-TryBot: Jamal Carvalho <jamal@golang.org>
Diffstat (limited to '_content/css/styles.css')
| -rw-r--r-- | _content/css/styles.css | 51 |
1 files changed, 50 insertions, 1 deletions
diff --git a/_content/css/styles.css b/_content/css/styles.css index aa369b06..2f75bf22 100644 --- a/_content/css/styles.css +++ b/_content/css/styles.css @@ -884,6 +884,55 @@ h1 + h2.subtitle { [data-theme='dark'] .CopyPaste .CopyPaste-icon-dark { display: block; } +.Sidebar { + display: none; +} +.Sidebar a { + width: 7.5rem; +} +.Sidebar h4 { + font-style: normal; + font-weight: 500; + font-size: 1rem; + line-height: 1.5rem; +} +.Sidebar p, .Sidebar-faq .link { + font-style: normal; + font-weight: 400; + font-size: 0.875rem; + line-height: 1.5rem; +} +.Sidebar-faq h4 { + font-size: 0.813rem; + margin-top: 1.25rem; + margin-bottom: 0.375rem; +} +.Sidebar-faq p { + margin-top: 0; + margin-bottom: 0.625rem; +} +.Sidebar-socialLinks { + display: flex; + align-items: center; +} +.Sidebar-socialLinks a { + display: flex; + width: unset; + margin-right: 0.675rem; +} +@media screen and (min-width: 78rem) { + .Article-columns { + display: flex; + gap: 10rem; + } + .Article-content { + flex: 3; + } + .Sidebar { + display: block; + flex: 1; + } +} .Article.Doc img { background-color: var(--white); } @@ -4729,7 +4778,7 @@ th.pkg-name { height: 3rem; } /* for doc/install */ -a#start { +a.btn { background: var(--deep-cerulian); font-style: normal; font-weight: 400; |