docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #13446 from thaJeztah/fix_nav_styles 

_scss: fix some styling in the TOC
This commit is contained in:
Usha Mandya 2021-09-01 11:44:40 +01:00 committed by GitHub
parent 0da515a788 165bb13623
commit 903543e755
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_scss/_layout.scss
View File

@ -113,7 +113,6 @@ section.section {
top: $top-navigation-height; top: $top-navigation-height;
overflow: auto; overflow: auto;
max-height: calc(100vh - #{$top-navigation-height}); max-height: calc(100vh - #{$top-navigation-height});
padding-top: 15px;
padding-bottom: 20px; padding-bottom: 20px;
} }

23
_scss/_navigation.scss
View File

@ -76,14 +76,16 @@
} }
.nav-sidebar ul li a, .nav-sidebar ul li a,
.nav-sidebar ul li a:focus, .nav-sidebar ul li a:focus {
.nav-sidebar ul li a:hover {
border-bottom: none; border-bottom: none;
border-left: 4px solid rgba($primary-links, 0); border-left: 1px solid $primary-links;
} }
.nav-sidebar .nav > li > a { .nav-sidebar .nav > li > a {
padding-left: 22px; // left-padding to align with logo padding-left: 22px; // left-padding to align with logo
&.active {
padding-left: 19px; // compensate for 1px -> 4px border-width
}
@include before-md-width { @include before-md-width {
padding-right: 32px; // right-align with hamburger menu padding-right: 32px; // right-align with hamburger menu
} }
@ -96,10 +98,9 @@
font-weight: 600; font-weight: 600;
} }
.nav-sidebar ul li li a { .nav-sidebar ul li ul li a {
border-left: 1px solid $primary-links; font-size: 12px;
font-size: 12px; margin-left: 8px;
margin-left: 15px;
} }
.nav-sidebar .caret { .nav-sidebar .caret {
@ -141,8 +142,8 @@
} }
.toc-nav li a.active { .toc-nav li a.active {
color: #2089C4; color: $primary-links;
border-left: 4px solid #2089C4; border-left: 4px solid $primary-links;
font-weight: bold; font-weight: bold;
} }
@ -218,7 +219,7 @@ div#side-toc-title {
} }
input:focus+.slider { input:focus+.slider {
box-shadow: 0 0 1px #2196F3; box-shadow: 0 0 1px $slider-btn;
} }
input:checked+.slider:before { input:checked+.slider:before {
@ -275,7 +276,7 @@ input:checked+.slider:before {
*/ */
.feedback-links { .feedback-links {
margin: 0 0 10px 0; margin: 15px 0 10px 0;
} }
/* polldaddy */ /* polldaddy */

2
_scss/_night-mode.scss
View File

@ -56,7 +56,7 @@ body.night {
border: none; border: none;
} }
.nav-sidebar ul li a.active, .nav-sidebar ul li a.active,
.nav-sidebar.nav>li>a:focus, .nav-sidebar.nav > li > a:focus,
.toc-nav li a.active { .toc-nav li a.active {
background: $bg-sidebar-night-active; background: $bg-sidebar-night-active;
border-left: 4px solid $primary-links; border-left: 4px solid $primary-links;