rancher
/
ui
mirror of https://github.com/rancher/ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4865 from nwmac/eks-radio-button-layout 

Fix eks radio button layout
This commit is contained in:
Richard Cox 2022-07-20 15:31:59 +01:00 committed by GitHub
parent 65eb79b2f6 7990d21603
commit 44606580cc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/styles/components/_forms.scss
View File

@ -396,6 +396,16 @@ input.input-lg,
padding: 5px 0;
}
// Ensure lists of radio buttons stack vertically and have appropriate spacing between options
.radio-list {
display: flex;
flex-direction: column;
> label:not(:first-child) {
margin-top: 5px;
}
}
.image-radio-container {
@include clearfix;

2
lib/shared/addon/components/cluster-driver/driver-amazoneks/template.hbs
View File

@ -121,7 +121,7 @@
{{t "nodeDriver.amazoneks.role.label"}}
</label>
{{#if (eq step 2)}}
<div class="radio pt-0">
<div class="radio pt-0 radio-list">
<label>
{{radio-button
selection=serviceRoleMode

2
lib/shared/addon/components/cluster-driver/driver-eks/template.hbs
View File

@ -110,7 +110,7 @@
{{t "clusterNew.amazoneks.role.label"}}
</label>
{{#if (eq step 2)}}
<div class="radio pt-0">
<div class="radio pt-0 radio-list">
<label>
{{radio-button
selection=serviceRoleMode