Commit 4f9fae1

committed

fix: Scoping css variables seperately for config date pickers

1 parent e69fec0 commit 4f9fae1Copy full SHA for 4f9fae1

File tree

2 files changed

+16

-4

lines changed

src
- app
  - app.component.html
- styles.css

2 files changed

+16

-4

lines changed

`‎src/app/app.component.html‎`

Lines changed: 4 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -35,27 +35,27 @@ <h3>Configuration Options Generator</h3>`
`35`	`35`	`<input type="text" class="form-control" name="displayFormat" (blur)="formatChanged('displayFormat', $event)"`
`36`	`36`	`[ngModel]=daterangepickerOptions.displayFormat id="displayFormat">`
`37`	`37`	`</div>`
`38`		`- <div class="form-group col-12 col-md-6">`
	`38`	`+ <div class="form-group col-12 col-md-6 configDatePicker">`
`39`	`39`	`<label class="label control-label" for="background">Start Date</label>`
`40`	`40`	`<daterangepicker class="form-control" [options]="startDateConfigDatePickerOptions"`
`41`	`41`	`(rangeSelected)="optionChanged('startDate', $event)">`
`42`	`42`	`</daterangepicker>`
`43`	`43`	`</div>`
`44`		`- <div class="form-group col-12 col-md-6">`
	`44`	`+ <div class="form-group col-12 col-md-6 configDatePicker">`
`45`	`45`	`<label class="label control-label" for="background">`
`46`	`46`	`End Date`
`47`	`47`	`</label>`
`48`	`48`	`<daterangepicker class="form-control" [options]="endDateConfigDatePickerOptions"`
`49`	`49`	`(rangeSelected)="optionChanged('endDate', $event)">`
`50`	`50`	`</daterangepicker>`
`51`	`51`	`</div>`
`52`		`- <div class="form-group col-12 col-md-6">`
	`52`	`+ <div class="form-group col-12 col-md-6 configDatePicker">`
`53`	`53`	`<label class="label control-label" for="background">Min Date</label>`
`54`	`54`	`<daterangepicker class="form-control" [options]="minDateConfigDatePickerOptions"`
`55`	`55`	`(rangeSelected)="optionChanged('minDate', $event)">`
`56`	`56`	`</daterangepicker>`
`57`	`57`	`</div>`
`58`		`- <div class="form-group col-12 col-md-6">`
	`58`	`+ <div class="form-group col-12 col-md-6 configDatePicker">`
`59`	`59`	`<label class="label control-label" for="background">Max Date</label>`
`60`	`60`	`<daterangepicker class="form-control" [options]="maxDateConfigDatePickerOptions"`
`61`	`61`	`(rangeSelected)="optionChanged('maxDate', $event)">`

`‎src/styles.css‎`

Lines changed: 12 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -10,3 +10,15 @@`
`10`	`10`	`max-height: calc(100vh - 80px);`
`11`	`11`	`overflow-y: auto;`
`12`	`12`	`}`
	`13`	`+`
	`14`	`+.configDatePicker {`
	`15`	`+ --drp-input-height: 33px;`
	`16`	`+ --drp-input-border-radius: 4px;`
	`17`	`+ --drp-bg: hsla(0, 0%, 98%);`
	`18`	`+ --drp-fg: hsla(0, 0%, 20%);`
	`19`	`+ --drp-shadow-color: rgba(0, 0, 0, 0.2);`
	`20`	`+ --drp-hover-bg: hsla(0, 0%, 80%);`
	`21`	`+ --drp-outline-color: hsl(240deg, 50%, 30%);`
	`22`	`+ --drp-input-border-color: #666;`
	`23`	`+ --drp-input-disabled-color: #dedede;`
	`24`	`+}`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit 4f9fae1

File tree

2 files changed

2 files changed

`‎src/app/app.component.html‎`

`‎src/styles.css‎`

0 commit comments