mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-22 13:13:03 +02:00
Code Issues Releases Wiki Activity

Drop custom file upload plugin in favor of CSS

Browse Source
This commit is contained in:
Martijn Cuppens
2020-10-22 15:20:53 +02:00
parent 3e2f9ab237
commit f236667483
15 changed files with 115 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
scss/forms/_input-group.scss
View File

@@ -10,8 +10,7 @@
width: 100%;
> .form-control,
> .form-select,
> .form-file {
> .form-select {
position: relative; // For focus state's z-index
flex: 1 1 auto;
width: 1%;
@@ -20,26 +19,10 @@
// Bring the "active" form control to the top of surrounding elements
> .form-control:focus,
> .form-select:focus,
> .form-file .form-file-input:focus ~ .form-file-label {
> .form-select:focus {
z-index: 3;
}
// Bring the custom file input above the label
> .form-file {
> .form-file-input:focus {
z-index: 4;
}
&:not(:last-child) > .form-file-label {
@include border-right-radius(0);
}
&:not(:first-child) > .form-file-label {
@include border-left-radius(0);
}
}
// Ensure buttons are always above inputs for more visually pleasing borders.
// This isn't needed for `.input-group-text` since it shares the same border-color
// as our inputs.