fix(form-file): Selected file name(s) not always showing

tmorehouse · web-flow · commit 565b0aba0e01 · 2017-09-13T00:36:02.000-03:00
Due to Bootstrap V4.beta CSS specificity, teh cutom props or filenames were not always being displayed
diff --git a/lib/components/form-file.vue b/lib/components/form-file.vue
@@ -87,7 +87,7 @@
         border-color: #28a745;
     }
 
-    /* Drag/Drop handling */
+    /* Drag/Drop and filenames/prompts handling */
     .custom-file-control {
         overflow: hidden;
     }
@@ -101,11 +101,11 @@
         filter: blur(3px);
     }
 
-    .custom-file-control::after {
+    .custom-file-control[data-selected]::after {
         content: attr(data-selected);
     }
 
-    .custom-file-control::before {
+    .custom-file-control[data-choose]::before {
         content: attr(data-choose);
     }
 

Original file line number	Diff line number	Diff line change
`@@ -87,7 +87,7 @@`
`87`	`87`	`border-color: #28a745;`
`88`	`88`	`}`
`89`	`89`
`90`		`- /* Drag/Drop handling */`
	`90`	`+ /* Drag/Drop and filenames/prompts handling */`
`91`	`91`	`.custom-file-control {`
`92`	`92`	`overflow: hidden;`
`93`	`93`	`}`
`@@ -101,11 +101,11 @@`
`101`	`101`	`filter: blur(3px);`
`102`	`102`	`}`
`103`	`103`
`104`		`- .custom-file-control::after {`
	`104`	`+ .custom-file-control[data-selected]::after {`
`105`	`105`	`content: attr(data-selected);`
`106`	`106`	`}`
`107`	`107`
`108`		`- .custom-file-control::before {`
	`108`	`+ .custom-file-control[data-choose]::before {`
`109`	`109`	`content: attr(data-choose);`
`110`	`110`	`}`
`111`	`111`