feat/tup-486 Create text-wrap for longer links (#260)

* adjust card text wrap and icon placement * Removed position, top, and width styles. I noticed that top and relative effects other button icons that have middle alignment. --------- Co-authored-by: Wesley B <62723358+wesleyboar@users.noreply.github.com>
TACC · Nov 16, 2023 · 7f39284 · 7f39284
1 parent b00917b
commit 7f39284
Show file tree

Hide file tree

Showing 7 changed files with 6 additions and 7 deletions.
diff --git a/dist/components/c-card.css b/dist/components/c-card.css
diff --git a/dist/components/cortal.icon.css b/dist/components/cortal.icon.css
diff --git a/dist/core-styles.cms.css b/dist/core-styles.cms.css
diff --git a/dist/core-styles.docs.css b/dist/core-styles.docs.css
diff --git a/dist/core-styles.portal.css b/dist/core-styles.portal.css
diff --git a/src/lib/_imports/components/c-card.css b/src/lib/_imports/components/c-card.css
@@ -104,7 +104,7 @@
 
 /* Elements */
 :--c-card > a:not(:--c-button) {
-    display: inline-block; /* FAQ: for actions that do not yet have this */
+    display: flex;
 }
 :--c-card > :is(:--action) {
     vertical-align: middle;

diff --git a/src/lib/_imports/components/cortal.icon.css b/src/lib/_imports/components/cortal.icon.css
@@ -43,7 +43,6 @@ Styleguide Components.Cortal.Icon
 /* To tweak action icon appearance and layout */
 :--c-card > :is(:--action) > .icon:first-child,
 p > :is(:--action):only-child > .icon:first-child {
-    vertical-align: middle;
     margin-right: 10px;
     font-size: 1.2em;
 }