From b748d8eb148e97545a58fbdc2bc314cb0946daf9 Mon Sep 17 00:00:00 2001 From: Alyssa Nicoll Date: Fri, 29 Sep 2017 18:46:15 -0500 Subject: [PATCH 1/3] add a bit of space between each radio button on the docs example --- .../radio-overview/radio-overview-example.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/material-examples/radio-overview/radio-overview-example.css b/src/material-examples/radio-overview/radio-overview-example.css index 7432308753e6..a575766fae4d 100644 --- a/src/material-examples/radio-overview/radio-overview-example.css +++ b/src/material-examples/radio-overview/radio-overview-example.css @@ -1 +1,4 @@ -/** No CSS for this example */ +.mat-radio-button:not(:last-child) { + /*double the label-content padding-left*/ + padding-right: 16px; +} From 0d440c0a8fbb445e98311fa2fea881cf3e6cbedc Mon Sep 17 00:00:00 2001 From: Alyssa Nicoll Date: Sun, 1 Oct 2017 13:29:11 -0500 Subject: [PATCH 2/3] remove the slow :not selector --- .../radio-overview/radio-overview-example.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/material-examples/radio-overview/radio-overview-example.css b/src/material-examples/radio-overview/radio-overview-example.css index a575766fae4d..26280cf21134 100644 --- a/src/material-examples/radio-overview/radio-overview-example.css +++ b/src/material-examples/radio-overview/radio-overview-example.css @@ -1,4 +1,3 @@ -.mat-radio-button:not(:last-child) { - /*double the label-content padding-left*/ +.mat-radio-button ~ .mat-radio-button { padding-right: 16px; } From 3f29be910239a87d37ff5d961cc3e40d3b48a8b5 Mon Sep 17 00:00:00 2001 From: Alyssa Nicoll Date: Tue, 3 Oct 2017 17:29:34 -0500 Subject: [PATCH 3/3] include styleUrls for radio overview example --- src/material-examples/radio-overview/radio-overview-example.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/src/material-examples/radio-overview/radio-overview-example.ts b/src/material-examples/radio-overview/radio-overview-example.ts index 916ce6632403..381429475086 100644 --- a/src/material-examples/radio-overview/radio-overview-example.ts +++ b/src/material-examples/radio-overview/radio-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'radio-overview-example', templateUrl: 'radio-overview-example.html', + styleUrls: ['radio-overview-example.css'], }) export class RadioOverviewExample {}