mirror of
https://github.com/Kong/insomnia
synced 2024-11-08 06:39:48 +00:00
Styled <select>
This commit is contained in:
parent
64146a0392
commit
4ae84d5e1a
@ -50,6 +50,7 @@ const SettingsGeneral = ({settings, updateSetting}) => (
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div className="form-row">
|
||||
<div className="form-control form-control--outlined pad-top-sm">
|
||||
<label>Text Editor Font Size (px)
|
||||
<input type="number"
|
||||
@ -61,7 +62,8 @@ const SettingsGeneral = ({settings, updateSetting}) => (
|
||||
</div>
|
||||
|
||||
<div className="form-control form-control--outlined pad-top-sm">
|
||||
<label>Text Editor Key Map
|
||||
<label>
|
||||
Text Editor Key Map
|
||||
<select defaultValue={settings.editorKeyMap}
|
||||
onChange={e => updateSetting('editorKeyMap', e.target.value)}>
|
||||
<option value="default">Default</option>
|
||||
@ -71,6 +73,7 @@ const SettingsGeneral = ({settings, updateSetting}) => (
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="form-control form-control--outlined">
|
||||
<label>Request Timeout (ms) (0 for no timeout)
|
||||
|
@ -10,6 +10,7 @@
|
||||
|
||||
input,
|
||||
textarea,
|
||||
select,
|
||||
button {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@ -57,14 +58,17 @@
|
||||
&.form-control--outlined,
|
||||
&.form-control--underlined {
|
||||
textarea,
|
||||
input {
|
||||
input,
|
||||
select {
|
||||
height: @line-height-xs;
|
||||
border: 1px solid @hl-md;
|
||||
padding: @padding-sm;
|
||||
padding: 0 @padding-sm;
|
||||
border-radius: @radius-md;
|
||||
background-color: @hl-xxs;
|
||||
}
|
||||
|
||||
textarea:focus,
|
||||
select:focus,
|
||||
input:focus {
|
||||
background-color: transparent;
|
||||
border-color: @hl-lg;
|
||||
@ -78,6 +82,7 @@
|
||||
|
||||
&.form-control--padded {
|
||||
textarea,
|
||||
select,
|
||||
input {
|
||||
border: 0;
|
||||
}
|
||||
@ -85,6 +90,7 @@
|
||||
|
||||
&.form-control--underlined {
|
||||
textarea,
|
||||
select,
|
||||
input {
|
||||
border-radius: 0;
|
||||
border-top: 0;
|
||||
@ -181,7 +187,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
textarea, input, button {
|
||||
textarea, input, button, select {
|
||||
box-sizing: border-box;
|
||||
text-align: left;
|
||||
font-size: inherit;
|
||||
|
Loading…
Reference in New Issue
Block a user