Changes for button, badge,article

divya-intelli · Feb 14, 2024 · a450f3a · a450f3a
1 parent eee0a5a
commit a450f3a
Show file tree

Hide file tree

Showing 9 changed files with 62 additions and 10 deletions.
diff --git a/themes/custom/apigee_kickstart/assets/css/apigee-kickstart.style.css b/themes/custom/apigee_kickstart/assets/css/apigee-kickstart.style.css
@@ -18021,6 +18021,10 @@ textarea.form-control-lg {
   border-radius: 4px;
 }
 
+a {
+  color: var(--ak-accent-color);
+}
+
 ol + p,
 ul + p,
 dl + p {
@@ -18248,8 +18252,7 @@ main {
 
 input.btn {
   text-transform: uppercase;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+  line-height: 1;
 }
 input.btn + .btn {
   margin-left: 0.813rem;
@@ -18302,6 +18305,12 @@ button.bg-light:focus {
   background-color: #d7d7d7 !important;
 }
 
+.button-action.btn-primary {
+  padding: 0.25rem 0.5rem;
+  line-height: 1.75;
+  border-radius: 2px;
+}
+
 .card {
   border-radius: 4px;
   transition: all 0.2s ease-in-out;
@@ -19606,6 +19615,10 @@ ul.social-links li a {
   height: 100%;
 }
 
+.text-end.badge {
+  color: unset;
+}
+
 .apidoc--view-mode-full .apidoc__spec .container {
   padding-left: 0;
   padding-right: 0;
@@ -20101,6 +20114,21 @@ form.team-member-form .form-checkboxes small, form.team-member-form .form-checkb
 .article__title {
   font-size: 1.25rem;
 }
+.article__title a {
+  color: var(--ak-accent-color);
+}
+
+.article__tags.badge {
+  text-transform: uppercase;
+  font-weight: 500;
+  letter-spacing: 1.5px;
+  font-size: 0.625rem;
+  padding: 0;
+  background: none;
+}
+.article__tags.badge a {
+  color: #3c3c3c;
+}
 
 @media (max-width: 575.98px) {
   .article--teaser .article__field-image {

diff --git a/themes/custom/apigee_kickstart/src/components/button/_button.scss b/themes/custom/apigee_kickstart/src/components/button/_button.scss
@@ -6,8 +6,7 @@
 
 input.btn {
   text-transform: uppercase;
-  padding-left: map-get($spacers, 4);
-  padding-right: map-get($spacers, 4);
+  line-height: 1;
 
   + .btn {
     margin-left: 0.813rem;
@@ -62,3 +61,9 @@ button.bg-light:hover,
 button.bg-light:focus {
   background-color: #d7d7d7 !important;
 }
+
+.button-action.btn-primary{
+    padding: 0.25rem 0.5rem;
+    line-height: 1.75;
+    border-radius: 2px;
+  }
diff --git a/themes/custom/apigee_kickstart/src/sass/apigee/_apidoc.scss b/themes/custom/apigee_kickstart/src/sass/apigee/_apidoc.scss
@@ -6,3 +6,7 @@
 .apidoc--view-mode-card {
   height: 100%;
 }
+
+.text-end.badge{
+  color: unset;
+}
diff --git a/themes/custom/apigee_kickstart/src/sass/base/_elements.scss b/themes/custom/apigee_kickstart/src/sass/base/_elements.scss
@@ -13,7 +13,7 @@ p {
 // Links
 // -----------------------------------------------------------------------------
 a {
-
+    color: var(--ak-accent-color);
 }
 
 // Lists

diff --git a/themes/custom/apigee_kickstart/src/sass/content/_node.article.scss b/themes/custom/apigee_kickstart/src/sass/content/_node.article.scss
@@ -29,6 +29,19 @@
   }
 }
 
+.article__tags.badge {
+  text-transform: uppercase;
+  font-weight: 500;
+  letter-spacing: 1.5px;
+  font-size: .625rem;
+  padding: 0;
+  background: none;
+
+  a{
+    color: #3c3c3c;
+  }
+}
+
 // Teaser.
 // -----------------------------------------------------------------------------
 .article--teaser {

diff --git a/...s/custom/apigee_kickstart/templates/apigee/apigee-entity--app--collapsible-card.html.twig b/...s/custom/apigee_kickstart/templates/apigee/apigee-entity--app--collapsible-card.html.twig
@@ -23,8 +23,8 @@
         {% block header %}
           <div class="d-flex items-center">
             {% if content.warnings %}
-              <span class="badge badge-warning d-inline-flex align-items-center me-2">
-                <i class="fa fa-exclamation-circle d-inline-block mr-1"></i> {{ "Warnings"|t }}
+              <span class="badge badge-warning text-bg-warning text-dark d-inline-flex align-items-center me-2">
+                <i class="fa fa-exclamation-circle d-inline-block mr-1 me-1"></i> {{ "Warnings"|t }}
               </span>
             {% endif %}
             {{ content.status }}

diff --git a/themes/custom/apigee_kickstart/templates/apigee/status-property.html.twig b/themes/custom/apigee_kickstart/templates/apigee/status-property.html.twig
@@ -26,6 +26,8 @@
   type ? 'bg-' ~ type,
 ]|merge(block_utility_classes ? block_utility_classes : []) %}
 
+{% set warning =  type == 'warning' ? "text-bg-warning text-dark" %}
+
 {% set html_tag = html_tag ?? 'span' %}
 
 {% if url %}
@@ -34,7 +36,7 @@
 {% endif %}
 
 {% if content %}
-  <{{ html_tag }} {{ url ? 'href=' ~ url }} class="{{ classes|join(' ') }}">
+  <{{ html_tag }} {{ url ? 'href=' ~ url }} class="{{ classes|join(' ') }} {{ warning }}">
 
   {% block content %}
     {{ content }}

diff --git a/themes/custom/apigee_kickstart/templates/block/block--system-menu-block.html.twig b/themes/custom/apigee_kickstart/templates/block/block--system-menu-block.html.twig
@@ -5,7 +5,7 @@
  */
 #}
 
-{% set title_attributes = title_attributes.setAttribute('class', ['sr-only']) %}
+{% set title_attributes = title_attributes.setAttribute('class', ['sr-only', 'd-none']) %}
 
 {% include '@radix/block/block.twig' with {
   html_tag: 'div',

diff --git a/themes/custom/apigee_kickstart/templates/node/node--article--teaser.html.twig b/themes/custom/apigee_kickstart/templates/node/node--article--teaser.html.twig
@@ -15,7 +15,7 @@
     <div class="col-md-7 col-lg-8">
       <div class="py-3">
         {% if content.field_tags %}
-          <div class="article__tags">
+          <div class="article__tags badge">
             {{ content.field_tags }}
           </div>
         {% endif %}