fix(core): row-column-border on mobile interfaces

italia · Nov 8, 2022 · 80f8cdf · 80f8cdf
1 parent 80f3171
commit 80f8cdf
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 11 deletions.
diff --git a/docs/esempi/comuni/template-novita-evento.html b/docs/esempi/comuni/template-novita-evento.html
@@ -71,19 +71,18 @@ <h6><small>Argomenti</small></h6>
     </div>
   </div>
   <div class="container">
-    <div class="row border-top row-column-border row-column-menu-left">
+    <div class="row row-column-border row-column-menu-left">
       <aside class="col-lg-4">
-        <div class="sticky-wrapper navbar-wrapper">
-          <nav
-            class="navbar it-navscroll-wrapper it-top-navscroll navbar-expand-lg"
-          >
+        <div data-bs-toggle="sticky" data-bs-stackable="true">
+          <nav class="navbar it-navscroll-wrapper it-bottom-navscroll navbar-expand-lg" data-bs-navscroll>
             <button
               class="custom-navbar-toggler"
               type="button"
               aria-controls="navbarNav"
               aria-expanded="false"
               aria-label="Toggle navigation"
               data-bs-target="#navbarNav"
+              data-bs-toggle="navbarcollapsible"
             >
               <span class="it-list"></span>Indice della pagina
             </button>

diff --git a/docs/esempi/comuni/template-novita-notizia.html b/docs/esempi/comuni/template-novita-notizia.html
@@ -66,7 +66,7 @@ <h6><small>Argomenti</small></h6>
     </div>
   </div>
   <div class="container">
-    <div class="row border-top row-column-border row-column-menu-left">
+    <div class="row row-column-border row-column-menu-left">
       <aside class="col-lg-4">
         <nav class="navbar it-navscroll-wrapper it-bottom-navscroll navbar-expand-lg" data-bs-navscroll>
           <button

diff --git a/docs/esempi/comuni/template-servizi-servizio.html b/docs/esempi/comuni/template-servizi-servizio.html
@@ -50,17 +50,18 @@ <h6><small>Argomenti</small></h6>
         </div>
       </div>
     </div>
-    <div class="row border-top row-column-border row-column-menu-left">
+    <div class="row row-column-border row-column-menu-left">
       <aside class="col-lg-4">
-        <div class="sticky-wrapper navbar-wrapper">
-          <nav class="navbar it-navscroll-wrapper it-top-navscroll navbar-expand-lg">
+        <div data-bs-toggle="sticky" data-bs-stackable="true">
+          <nav class="navbar it-navscroll-wrapper it-bottom-navscroll navbar-expand-lg" data-bs-navscroll>
             <button
               class="custom-navbar-toggler"
               type="button"
               aria-controls="navbarNav"
               aria-expanded="false"
               aria-label="Toggle navigation"
               data-bs-target="#navbarNav"
+              data-bs-toggle="navbarcollapsible"
             >
               <span class="it-list"></span>Indice della pagina
             </button>

diff --git a/src/scss/custom/_grid.scss b/src/scss/custom/_grid.scss
@@ -33,8 +33,6 @@
 
 .row {
   &.row-column-border {
-    border-top: 1px solid $border-color;
-
     & > [class^='col-'] {
       padding-top: 2rem;
       padding-bottom: 2rem;
@@ -76,6 +74,7 @@
   @include media-breakpoint-up(lg) {
     &.row-column-border {
       margin-top: 1rem;
+      border-top: 1px solid $border-color;
 
       & > [class^='col-'] {
         padding: 3rem 3rem;