Commit4ef8185

authored

We style the form, not bootstrap (#947)

1 parent48cf11a commit4ef8185Copy full SHA for 4ef8185

File tree

+10

-41

lines changed

pgml-dashboard/static/css
- bootstrap-theme.scss
- scss/components
  - _forms.scss

+10

-41

lines changed

Lines changed: 9 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,15 @@`
`20`	`20`	`@import"./bootstrap-5.3.0-alpha1/scss/containers";`
`21`	`21`	`@import"./bootstrap-5.3.0-alpha1/scss/grid";`
`22`	`22`	`@import"./bootstrap-5.3.0-alpha1/scss/tables";`
`23`		`-@import"./bootstrap-5.3.0-alpha1/scss/forms";`
	`23`	`+`
	`24`	`+@import"./bootstrap-5.3.0-alpha1/scss/forms/labels";`
	`25`	`+@import"./bootstrap-5.3.0-alpha1/scss/forms/form-text";`
	`26`	`+@import"./bootstrap-5.3.0-alpha1/scss/forms/form-control";`
	`27`	`+@import"./bootstrap-5.3.0-alpha1/scss/forms/form-select";`
	`28`	`+@import"./bootstrap-5.3.0-alpha1/scss/forms/form-check";`
	`29`	`+// Do not import form-range, we style it ourselves entirely`
	`30`	`+// @import "../bootstrap-5.3.0-alpha1/scss/forms/form-range";`
	`31`	`+`
`24`	`32`	`@import"./bootstrap-5.3.0-alpha1/scss/buttons";`
`25`	`33`	`@import"./bootstrap-5.3.0-alpha1/scss/transitions";`
`26`	`34`	`@import"./bootstrap-5.3.0-alpha1/scss/dropdown";`

Lines changed: 1 addition & 40 deletions

Original file line number	Diff line number	Diff line change
`@@ -69,46 +69,7 @@`
`69`	`69`	`color:#{$gray-100};`
`70`	`70`	`}`
`71`	`71`
`72`		`-`
`73`		`-.form-range[type=range] {`
`74`		`-cursor:pointer;`
`75`		`-}`
`76`		`-`
`77`		`-// Firefox`
`78`		`-.form-range[type="range"]::-moz-range-progress {`
`79`		`-background-color:#{$neon-tint-100};`
`80`		`-height:4px;`
`81`		`-border:0;`
`82`		`-}`
`83`		`-`
`84`		`-// IE`
`85`		`-.form-range[type="range"]::-ms-fill-lower {`
`86`		`-background-color:#{$neon-tint-100};`
`87`		`-}`
`88`		`-`
`89`		`-// Chrome (doesn't really work as designed)`
`90`		`-.form-range[type=range]::-webkit-slider-thumb {`
`91`		`--webkit-appearance:none;`
`92`		`-height:24px;`
`93`		`-width:24px;`
`94`		`-position:relative;`
`95`		`-bottom:4px;`
`96`		`-border-radius:50%;`
`97`		`-border:#{$form-range-thumb-border};`
`98`		`-background:#{$form-range-thumb-bg};`
`99`		`-}`
`100`		`-`
`101`		`-.form-range[type=range]::-webkit-slider-runnable-track {`
`102`		`-height:#{$form-range-track-height};`
`103`		`-border:0;`
`104`		`-}`
`105`		`-`
`106`		`-.form-range[type=range]:focus::-webkit-slider-runnable-track {`
`107`		`-background:#{$neon-tint-100};`
`108`		`-}`
`109`		`-// End of Chrome`
`110`		`-`
`111`		`-.form-range-custome {`
	`72`	`+.form-range {`
`112`	`73`	`& {`
`113`	`74`	`font-size:1.5rem;`
`114`	`75`	`width:100%;`

Comments

(0)