Merge pull request #901 from appwrite/add-hero-banner-button-trim-tex…

…t-long-line Add trim text for hero banner
appwrite · Apr 18, 2024 · 8867bc6 · 8867bc6
2 parents c07fdde + d5a5ee1
commit 8867bc6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -82,7 +82,7 @@
                         <span class="web-icon-star" aria-hidden="true" />
                         <span class="web-caption-500">New</span>
                         <div class="web-hero-banner-button-sep" />
-                        <span class="web-caption-400">Introducing Appwrite's React Native SDK</span>
+                        <span class="web-caption-400 web-u-trim-1">Introducing Appwrite's React Native SDK</span>
                         <span class="web-icon-arrow-right" aria-hidden="true" />
                     </a>
                     <div class="web-hero is-horizontal">

diff --git a/src/scss/6-elements/_hero-banner-button.scss b/src/scss/6-elements/_hero-banner-button.scss
@@ -41,6 +41,7 @@
   color:hsl(var(--p-hero-button-text-color));
   box-shadow:0 0 0 pxToRem(4) hsl(var(--p-hero-button-shadow-out-color));
 
+  > * { min-inline-size:0; }
   [class*="icon"] { align-self:center; }
   &-sep {
     inline-size:pxToRem(1); block-size:pxToRem(16); align-self:center;  margin-inline:pxToRem(4);