apps/cms: change button for col_cta_block to be more inline with the …

…behavior of the background_cta_block fixes #42
liqd · Jun 17, 2024 · a2fcdbc · a2fcdbc
1 parent a703bf2
commit a2fcdbc
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/adhocracy-plus/assets/scss/components/_button.scss b/adhocracy-plus/assets/scss/components/_button.scss
@@ -104,6 +104,22 @@
     }
 }
 
+.btn.btn--transparent--light {
+    @include button($brand-tertiary, $text-color, $body-bg, 2%);
+
+    background-color: transparent;
+    border-color: $border-color;
+
+    &:focus,
+    &:hover,
+    &:active,
+    &:focus-within {
+        text-decoration: underline;
+        border-color: $border-color;
+    }
+
+}
+
 .btn.btn--transparent--inverted {
     @include button($print-black, $brand-primary, $body-bg, 7%);
     background-color: transparent;

diff --git a/apps/cms/pages/templates/a4_candy_cms_pages/blocks/col_cta_block.html b/apps/cms/pages/templates/a4_candy_cms_pages/blocks/col_cta_block.html
@@ -8,11 +8,11 @@
             {% elif column.body and column.link %}
             {{ column.body }}
             <div class="block-col_cta-content">
-                <a href="{{ column.link }}" class="btn btn--full btn--transparent">{{ column.link_text }}</a>
+                <a href="{{ column.link }}" class="btn btn--full btn--transparent--light">{{ column.link_text }}</a>
             </div>
             {% elif column.link %}
             <div class="block-col_cta-btn">
-                <a href="{{ column.link }}" class="btn btn--full btn--transparent">{{ column.link_text }}</a>
+                <a href="{{ column.link }}" class="btn btn--full btn--transparent--light">{{ column.link_text }}</a>
             </div>
             {% else %}
             {% endif %}