Fix design and auto-selection of file format type

DaneEveritt · DaneEveritt · commit 9b80546c0c1f · 2019-12-07T12:16:35.000-08:00
diff --git a/resources/scripts/components/elements/AceEditor.tsx b/resources/scripts/components/elements/AceEditor.tsx
@@ -117,7 +117,7 @@ export default ({ style, initialContent, initialModePath, fetchContent, onConten
                 <div className={'m-3 rounded bg-neutral-900 border border-black'}>
                     <select
                         className={'input-dark'}
-                        defaultValue={mode}
+                        value={mode.split('/').pop()}
                         onChange={e => setMode(`ace/mode/${e.currentTarget.value}`)}
                     >
                         {
diff --git a/resources/styles/components/forms.css b/resources/styles/components/forms.css
@@ -119,11 +119,6 @@ select.input-dark:not(.appearance-none) {
     &:hover:not(:disabled), &:focus {
         @apply .border-neutral-400;
     }
-
-    /* fix for Firefox trying to be cool with dark colors */
-    &:focus {
-        @apply .bg-white .text-neutral-800;
-    }
 }
 
 .input-dark-label {

Original file line number	Diff line number	Diff line change
`@@ -117,7 +117,7 @@ export default ({ style, initialContent, initialModePath, fetchContent, onConten`
`117`	`117`	`<div className={'m-3 rounded bg-neutral-900 border border-black'}>`
`118`	`118`	`<select`
`119`	`119`	`className={'input-dark'}`
`120`		`- defaultValue={mode}`
	`120`	`+ value={mode.split('/').pop()}`
`121`	`121`	onChange={e => setMode(`ace/mode/${e.currentTarget.value}`)}
`122`	`122`	`>`
`123`	`123`	`{`
Original file line number	Diff line number	Diff line change
`@@ -119,11 +119,6 @@ select.input-dark:not(.appearance-none) {`
`119`	`119`	`&:hover:not(:disabled), &:focus {`
`120`	`120`	`@apply .border-neutral-400;`
`121`	`121`	`}`
`122`		`-`
`123`		`- /* fix for Firefox trying to be cool with dark colors */`
`124`		`- &:focus {`
`125`		`- @apply .bg-white .text-neutral-800;`
`126`		`- }`
`127`	`122`	`}`
`128`	`123`
`129`	`124`	`.input-dark-label {`