fix: column order teaser card

italia · Nov 15, 2022 · 485e6c8 · 485e6c8 · vercel · Nov 15, 2022
1 parent ab06c2a
commit 485e6c8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 9 deletions.
diff --git a/src/pages/sito/template-argomenti-argomento.hbs b/src/pages/sito/template-argomenti-argomento.hbs
@@ -201,15 +201,15 @@
         <div class="row mx-0">
           <div
             class="card-wrapper px-0 card-teaser-wrapper card-teaser-wrapper-equal card-teaser-block-3">
-            {{> cmp-card-teaser/cmp-card-teaser arguments-card=true category="Giunta e consiglio" title="Gabriele
+            {{> cmp-card-teaser/cmp-card-teaser category="Giunta e consiglio" title="Gabriele
             Bianchi"
             description="Assessore allo sport" image="https://picsum.photos/200/200"}}
 
-            {{> cmp-card-teaser/cmp-card-teaser arguments-card=true category="Aree di competenza" title="Area
+            {{> cmp-card-teaser/cmp-card-teaser category="Aree di competenza" title="Area
             impiantistica sportiva e
             manifestazioni sportive" description="Dirigente Arch. M. Alessandra Verdi"}}
 
-            {{> cmp-card-teaser/cmp-card-teaser arguments-card=true category="Aree di competenza" title="Area pratiche
+            {{> cmp-card-teaser/cmp-card-teaser category="Aree di competenza" title="Area pratiche
             ed erogazione dei
             contributi" description="Dirigente Ing. Mauro Brambilla"}}
           </div>
@@ -234,13 +234,13 @@
         <div class="row mx-0">
           <div
             class="card-wrapper px-0 card-teaser-wrapper card-teaser-wrapper-equal card-teaser-block-3">
-            {{> cmp-card-teaser/cmp-card-teaser arguments-card=true category="Autorizzazioni" title="Rimborsi alle società sportive" description="Nuovo bando per l’Anno sportivo 2022-2023"}}
+            {{> cmp-card-teaser/cmp-card-teaser category="Autorizzazioni" title="Rimborsi alle società sportive" description="Nuovo bando per l’Anno sportivo 2022-2023"}}
 
-            {{> cmp-card-teaser/cmp-card-teaser arguments-card=true category="Appalti pubblici" title="Concessione degli
+            {{> cmp-card-teaser/cmp-card-teaser category="Appalti pubblici" title="Concessione degli
             impianti sportivi"
             description="Domanda per la concessione degli impianti sportivi"}}
 
-            {{> cmp-card-teaser/cmp-card-teaser arguments-card=true category="Giustizia e sicurezza pubblica"
+            {{> cmp-card-teaser/cmp-card-teaser category="Giustizia e sicurezza pubblica"
             title="Manifestazioni
             sportive" description="Richiesta autorizzativa per eventi sportivi"}}
           </div>
@@ -265,15 +265,15 @@
         <div class="row mx-0">
           <div
             class="card-wrapper px-0 card-teaser-wrapper card-teaser-wrapper-equal card-teaser-block-3 g-4">
-            {{> cmp-card-teaser/cmp-card-teaser arguments-card=true category="Documento albo pretorio" title="Bandi per
+            {{> cmp-card-teaser/cmp-card-teaser category="Documento albo pretorio" title="Bandi per
             impianti e
             manifestazioni" description="Elenco dei bandi attivi"}}
 
-            {{> cmp-card-teaser/cmp-card-teaser arguments-card=true category="Modulistica" title="Concessione per la
+            {{> cmp-card-teaser/cmp-card-teaser category="Modulistica" title="Concessione per la
             piscina Verdicchio"
             description="Bando per la concessione dell’impianto"}}
 
-            {{> cmp-card-teaser/cmp-card-teaser arguments-card=true category="Documento albo pretorio" title="Piano
+            {{> cmp-card-teaser/cmp-card-teaser category="Documento albo pretorio" title="Piano
             lavori 2023"
             description="Deliberazione del Consiglio comunale per piano lavori previsto per il 2023"}}
           </div>

diff --git a/src/stylesheets/general/_public-templates.scss b/src/stylesheets/general/_public-templates.scss
@@ -2,6 +2,13 @@
   .card-teaser {
     height: auto;
   }
+
+  &.card-teaser-block-3 {
+    @include media-breakpoint-up(md) {
+      justify-content: flex-start !important;
+      column-gap: 2%;
+    }
+  }
 
   .card-image {
     height: 100%;