From c76feddf1d8c50698bd8f28bb9e221326e8b5f7c Mon Sep 17 00:00:00 2001 From: Laegnur Date: Wed, 22 Feb 2023 18:57:39 +0100 Subject: [PATCH] Menu offcanvas bootstrap. --- site/templates/css/style.css | 44 ++++++++- site/templates/layout/func.php | 4 +- site/templates/layout/partial/main_head.php | 99 +++++++++++---------- 3 files changed, 95 insertions(+), 52 deletions(-) diff --git a/site/templates/css/style.css b/site/templates/css/style.css index 82e35ab..1370fd2 100644 --- a/site/templates/css/style.css +++ b/site/templates/css/style.css @@ -302,13 +302,33 @@ time span transform: scale(0.85) translateY(-0.8rem) translateX(0.15rem); } -.nav-link.active, -.nav-link:hover +.nav-item { + border-left: 0.625rem solid rgb(var(--cor_60)); +} + +.nav-item.active, +.nav-item:hover +{ + border-left: 0.625rem solid rgb(var(--cor_30)); + text-decoration-line: underline; text-decoration-style: dotted; } +.navbar-toggler-icon +{ + color: rgba(var(--cor_10)); + + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +.btn-close:focus +{ + outline: 2px dotted rgb(var(--cor_10)) !important; + box-shadow: none; +} + .swiper { width: 100%; @@ -388,6 +408,26 @@ a.collapse-head.active:before background-color: rgba(var(--cor_30), var(--bs-bg-opacity)) !important; } +.border-primary +{ + border-color: rgba(var(--cor_30), var(--bs-border-opacity)) !important; +} + +@media (min-width: 992px) +{ + .nav-item, + .nav-item.active, + .nav-item:hover + { + border-left: 0; + } + + .navbar-toggler + { + display: none; + } +} + @media (min-width: 1024px) { dl diff --git a/site/templates/layout/func.php b/site/templates/layout/func.php index 4abd468..6c9cb43 100644 --- a/site/templates/layout/func.php +++ b/site/templates/layout/func.php @@ -149,13 +149,13 @@ function renderMenu($paxinas, $clase = 'navbar-nav') } $saida .= ' + +
-