From bd84ff483887c55c6ede4ba94e1a9175e34090b8 Mon Sep 17 00:00:00 2001 From: Mario Date: Fri, 2 Jun 2023 16:36:57 +0000 Subject: update bootstrap to version 5.3 --- .../docs/5.3/examples/dashboard/dashboard.css | 70 ++---- .../docs/5.3/examples/dashboard/dashboard.js | 4 +- .../docs/5.3/examples/dashboard/dashboard.rtl.css | 66 ++---- .../content/docs/5.3/examples/dashboard/index.html | 254 ++++++++++++++------- 4 files changed, 194 insertions(+), 200 deletions(-) (limited to 'vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard') diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.css index ad12048e7..154940c90 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.css +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.css @@ -1,61 +1,33 @@ -body { - font-size: .875rem; -} - -.feather { - width: 16px; - height: 16px; +.bi { + display: inline-block; + width: 1rem; + height: 1rem; } /* * Sidebar */ -.sidebar { - position: fixed; - top: 0; - /* rtl:raw: - right: 0; - */ - bottom: 0; - /* rtl:remove */ - left: 0; - z-index: 100; /* Behind the navbar */ - padding: 48px 0 0; /* Height of navbar */ - box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); -} - -@media (max-width: 767.98px) { - .sidebar { - top: 5rem; +@media (min-width: 768px) { + .sidebar .offcanvas-lg { + position: -webkit-sticky; + position: sticky; + top: 48px; + } + .navbar-search { + display: block; } -} - -.sidebar-sticky { - height: calc(100vh - 48px); - overflow-x: hidden; - overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ } .sidebar .nav-link { + font-size: .875rem; font-weight: 500; - color: #333; -} - -.sidebar .nav-link .feather { - margin-right: 4px; - color: #727272; } .sidebar .nav-link.active { color: #2470dc; } -.sidebar .nav-link:hover .feather, -.sidebar .nav-link.active .feather { - color: inherit; -} - .sidebar-heading { font-size: .75rem; } @@ -71,22 +43,6 @@ body { box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25); } -.navbar .navbar-toggler { - top: .25rem; - right: 1rem; -} - .navbar .form-control { padding: .75rem 1rem; } - -.form-control-dark { - color: #fff; - background-color: rgba(255, 255, 255, .1); - border-color: rgba(255, 255, 255, .1); -} - -.form-control-dark:focus { - border-color: transparent; - box-shadow: 0 0 0 3px rgba(255, 255, 255, .25); -} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.js b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.js index d190d7961..a60b39356 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.js +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.js @@ -1,10 +1,8 @@ -/* globals Chart:false, feather:false */ +/* globals Chart:false */ (() => { 'use strict' - feather.replace({ 'aria-hidden': 'true' }) - // Graphs const ctx = document.getElementById('myChart') // eslint-disable-next-line no-unused-vars diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.rtl.css b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.rtl.css index 31ea3cc64..5c8a7e257 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.rtl.css +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/dashboard.rtl.css @@ -1,57 +1,33 @@ -body { - font-size: .875rem; -} - -.feather { - width: 16px; - height: 16px; +.bi { + display: inline-block; + width: 1rem; + height: 1rem; } /* * Sidebar */ -.sidebar { - position: fixed; - top: 0; - right: 0; - bottom: 0; - z-index: 100; /* Behind the navbar */ - padding: 48px 0 0; /* Height of navbar */ - box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1); -} - -@media (max-width: 767.98px) { - .sidebar { - top: 5rem; +@media (min-width: 768px) { + .sidebar .offcanvas-lg { + position: -webkit-sticky; + position: sticky; + top: 48px; + } + .navbar-search { + display: block; } -} - -.sidebar-sticky { - height: calc(100vh - 48px); - overflow-x: hidden; - overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ } .sidebar .nav-link { + font-size: .875rem; font-weight: 500; - color: #333; -} - -.sidebar .nav-link .feather { - margin-left: 4px; - color: #727272; } .sidebar .nav-link.active { color: #2470dc; } -.sidebar .nav-link:hover .feather, -.sidebar .nav-link.active .feather { - color: inherit; -} - .sidebar-heading { font-size: .75rem; } @@ -67,22 +43,6 @@ body { box-shadow: inset 1px 0 0 rgba(0, 0, 0, .25); } -.navbar .navbar-toggler { - top: .25rem; - left: 1rem; -} - .navbar .form-control { padding: .75rem 1rem; } - -.form-control-dark { - color: #fff; - background-color: rgba(255, 255, 255, .1); - border-color: rgba(255, 255, 255, .1); -} - -.form-control-dark:focus { - border-color: transparent; - box-shadow: 0 0 0 3px rgba(255, 255, 255, .25); -} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/index.html index 88ac303ab..4ae3f6f2f 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/dashboard/index.html @@ -2,105 +2,185 @@ layout: examples title: Dashboard Template extra_css: + - "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css" - "dashboard.css" extra_js: - - src: "https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js" - integrity: "sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE" - src: "https://cdn.jsdelivr.net/npm/chart.js@4.2.1/dist/chart.umd.min.js" integrity: "sha384-gdQErvCNWvHQZj6XZM0dNsAoY4v+j5P1XDpNkcM3HJG1Yx04ecqIHk7+4VBOCHOG" - src: "dashboard.js" --- -