darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-08 08:28:15 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add left padding to nested radios

Browse Source 
This makes them align horizontally with the label of their parent, so
that the layout is a bit calmer.
This commit is contained in:
Chris Hill-Scott
2019-01-04 15:30:39 +00:00
parent 3be03072a7
commit f5321346c4
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/components/radios.scss
View File

@@ -67,6 +67,7 @@
$circle-diameter: 39px; $circle-diameter: 39px;
$border-thickness: 4px; $border-thickness: 4px;
$border-indent: ($circle-diameter / 2) - ($border-thickness / 2); $border-indent: ($circle-diameter / 2) - ($border-thickness / 2);
$border-colour: $border-colour;
float: none; float: none;
position: relative; position: relative;
@@ -95,6 +96,7 @@
// the radio // the radio
margin-top: 5px; margin-top: 5px;
margin-bottom: -5px; margin-bottom: -5px;
padding-left: 12px;
} }
.block-label-hint { .block-label-hint {
@@ -103,7 +105,7 @@
// hint so that it extends all the way down to the next radio // hint so that it extends all the way down to the next radio
content: ""; content: "";
position: absolute; position: absolute;
bottom: -5px; top: $circle-diameter + 5px;
left: $border-indent; left: $border-indent;
width: $border-thickness; width: $border-thickness;
height: 25px; height: 25px;