file selector cleanup - fix #656

add readonly style

minor css fixes
This commit is contained in:
btzr-io 2017-10-11 20:52:34 -06:00
parent cb8e9b4bdf
commit e18ba31988
3 changed files with 18 additions and 10 deletions

View file

@ -542,7 +542,6 @@ class PublishForm extends React.PureComponent {
<div className="card__content">
<FormRow
name="file"
label="File"
ref="file"
type="file"
onChange={event => {

View file

@ -1,3 +1,8 @@
.form-field--file,
.form-field--directory {
width: 100%;
}
.file-selector {
display: flex;
}
@ -11,4 +16,8 @@
.file-selector__path {
font-size: 14px;
flex-grow: 2;
.input-copyable {
width: 100%;
}
}

View file

@ -27,19 +27,22 @@
input[type="text"].input-copyable {
background: var(--input-bg);
border-bottom: var(--input-border-size) solid var(--input-border-color);
color: var(--input-color);
line-height: 1;
padding-top: $spacing-vertical * 1/3;
padding-bottom: $spacing-vertical * 1/3;
width: var(--input-width);
padding-left: 5px;
padding-right: 5px;
width: 100%;
&:focus {
border-color: var(--color-primary);
background: none !important;
}
}
input[readonly] {
border-bottom: 1px dashed var(--input-border-color) !important;
}
input[readonly]:focus {
background: var(--input-bg) !important;
border-bottom: 1px dashed var(--input-border-color !important);
}
.form-field {
@ -81,9 +84,6 @@ input[type="text"].input-copyable {
-webkit-appearance: none;
background: var(--input-bg);
color: var(--input-color);
&[readonly] {
background-color: var(--input-bg);
}
}
input[type="text"],