feat: 🎸 Update Target types help text (#1064)

* feat: 🎸 Update Target types help text

✅ Closes: ICU-4014

* refactor: 💡 Update how radio cards determine height

Radio cards will now fill up the entire height of the fieldset they are
in

* style: 💄 Update radio card padding
This commit is contained in:
Cameron Perera authored and GitHub committed 2022-04-21 13:51:47 -05:00
1 parent 550cadf612
commit 7b154b223a
3 files changed
+9 -4

No files matched your search

@@ -279,8 +279,8 @@ target:
tcp: TCP
ssh: SSH
help:
tcp: This target belongs to an TCP host catalog and will use TCP to connect
ssh: This target belongs to an SSH host catalog and will use SSH to connect
tcp: Connections are made over TCP to support a broad range of protocols, including SSH, RDP, databases, and more. This is the most general-purpose type.
ssh: Protocol-aware connections are made over SSH. Use when requiring SSH connections to remote hosts.
host-source:
title: Host Source
title_plural: Host Sources
@@ -8,6 +8,10 @@
@include type.type(s, semibold);
}
.rose-form-fieldset-body {
display: flex;
}
.rose-form-fieldset-description {
margin: sizing.rems(xxs) 0;
@include type.type(xs);
@@ -78,7 +78,7 @@ $radio-svg: (
display: flex;
color: var(--black);
width: ($size-m) * 23;
height: ($size-m) * 7.4;
height: 100%;
display: block;
position: relative;
text-align: left;
@@ -86,11 +86,12 @@ $radio-svg: (
box-shadow: 0 $size-xxs $size-xxs
rgba(var(--stark-components), var(--opacity-2));
border-radius: $size-xxs;
padding: $size-s $size-m;
padding: $size-s $size-m ($size-xl + $size-m);
box-sizing: border-box;
background-color: var(--white);
.rose-form-helper-text {
@include type.type(xs, normal);
padding-top: $size-xs;
}
&::after {