Fixed: Edit button for Remote Path Mapping hidden on small screens

This commit is contained in:
Mark McDowall 2019-01-10 18:36:33 -08:00
parent ba5e2cfc45
commit 979ea449bd
3 changed files with 56 additions and 45 deletions

View File

@ -8,11 +8,15 @@
} }
.host { .host {
flex: 0 0 300px; @add-mixin truncate;
flex: 0 1 300px;
} }
.path { .path {
flex: 0 0 400px; @add-mixin truncate;
flex: 0 1 400px;
} }
.actions { .actions {

View File

@ -5,11 +5,15 @@
} }
.host { .host {
flex: 0 0 300px; @add-mixin truncate;
flex: 0 1 300px;
} }
.path { .path {
flex: 0 0 400px; @add-mixin truncate;
flex: 0 1 400px;
} }
.addRemotePathMapping { .addRemotePathMapping {

View File

@ -87,7 +87,7 @@ function HostSettings(props) {
</FormGroup> </FormGroup>
{ {
enableSsl.value && enableSsl.value ?
<FormGroup <FormGroup
advancedSettings={advancedSettings} advancedSettings={advancedSettings}
isAdvanced={true} isAdvanced={true}
@ -103,11 +103,12 @@ function HostSettings(props) {
onChange={onInputChange} onChange={onInputChange}
{...sslPort} {...sslPort}
/> />
</FormGroup> </FormGroup> :
null
} }
{ {
isWindows && enableSsl.value && isWindows && enableSsl.value ?
<FormGroup <FormGroup
advancedSettings={advancedSettings} advancedSettings={advancedSettings}
isAdvanced={true} isAdvanced={true}
@ -121,11 +122,12 @@ function HostSettings(props) {
onChange={onInputChange} onChange={onInputChange}
{...sslCertHash} {...sslCertHash}
/> />
</FormGroup> </FormGroup> :
null
} }
{ {
mode !== 'service' && isWindows && mode !== 'service' ?
<FormGroup size={sizes.MEDIUM}> <FormGroup size={sizes.MEDIUM}>
<FormLabel>Open browser on start</FormLabel> <FormLabel>Open browser on start</FormLabel>
@ -136,7 +138,8 @@ function HostSettings(props) {
onChange={onInputChange} onChange={onInputChange}
{...launchBrowser} {...launchBrowser}
/> />
</FormGroup> </FormGroup> :
null
} }
</FieldSet> </FieldSet>