rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

Move search styles, prep for responsive containers in docs

Browse Source
This commit is contained in:
Mark Otto 2019-07-21 16:47:51 -07:00 committed by Mark Otto
parent 0fcb0af131
commit e7890d1562
5 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/layouts/_default/docs.html
View File

@ -9,7 +9,7 @@
{{ partial "docs-navbar" . }}
{{ partial "docs-subnav" . }}
<div class="container my-4">
<div class="container-xl my-4">
<div class="row flex-xl-nowrap">
<div class="col-md-3 bd-sidebar">
{{ partial "docs-sidebar" . }}

6
site/layouts/partials/docs-navbar.html
View File

@ -1,10 +1,10 @@
<header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar px-0">
<div class="container flex-wrap flex-md-nowrap py-0 px-3">
<div class="container-xl flex-wrap flex-md-nowrap py-0 px-3">
<a class="navbar-brand mr-0 mr-md-2" href="/" aria-label="Bootstrap">
{{ partial "icons/bootstrap-logo-solid.svg" (dict "class" "d-block" "width" "32" "height" "32") }}
</a>
<div class="navbar-nav-scroll order-3 order-md-0 d-flex justify-content-center">
<div class="navbar-nav-scroll order-3 order-md-0 d-flex justify-content-center justify-content-md-start">
<ul class="navbar-nav bd-navbar-nav flex-row">
<li class="nav-item">
<a class="nav-link{{ if .IsHome }} active{{ end }}" href="/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Home</a>
@ -27,7 +27,7 @@
</ul>
</div>
<ul class="navbar-nav ml-md-auto">
<ul class="navbar-nav ml-sm-auto">
<li class="nav-item">
<a class="nav-link p-2" href="{{ .Site.Params.repo }}" target="_blank" rel="noopener" aria-label="GitHub">
{{ partial "icons/github.svg" (dict "class" "navbar-nav-svg" "width" "36" "height" "36") }}

2
site/layouts/partials/docs-subnav.html
View File

@ -1,5 +1,5 @@
<nav class="bd-subnavbar pt-2 pb-3 pb-md-2">
<div class="container d-flex align-items-md-center flex-wrap">
<div class="container-xl d-flex align-items-md-center flex-wrap">
<div class="d-flex align-items-center mr-sm-auto order-2 order-md-0">
<div class="d-none d-md-block">
<a class="link-dark" href="/" onclick="ga('send', 'event', 'Subnav', 'click', 'Bootstrap');">Bootstrap</a>

18
site/static/docs/4.3/assets/scss/_nav.scss
View File

@ -30,6 +30,24 @@
}
}
.bd-search {
position: relative; // To contain the Algolia search
@include media-breakpoint-down(sm) {
width: 100%;
}
.form-control:focus {
border-color: $bd-purple-bright;
box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);
}
}
.bd-search-docs-toggle {
line-height: 1;
color: $gray-900;
}
.link-dark {
font-weight: 500;
color: $dark;

18
site/static/docs/4.3/assets/scss/_sidebar.scss
View File

@ -19,24 +19,6 @@
}
}
.bd-search {
position: relative; // To contain the Algolia search
@include media-breakpoint-down(md) {
width: 100%;
}
.form-control:focus {
border-color: $bd-purple-bright;
box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);
}
}
.bd-search-docs-toggle {
line-height: 1;
color: $gray-900;
}
.bd-sidenav {
display: none;
}