Touch to input styles

This commit is contained in:
2021-02-19 15:03:46 +01:00
parent 2538cb205b
commit 145ae9c492
3 changed files with 17 additions and 4 deletions

View File

@@ -233,4 +233,10 @@
color: red;
}
/*TODO add to commons*/
input:focus {
box-shadow: 0 0 5px rgba(81, 203, 238);
outline: none;
}

View File

@@ -149,9 +149,9 @@ function generateHeaderTable(headers){
innerHTML+=
'<tr id="hrow' + htable_row + '" class="httpStatusValue">' +
'<td>' +
'<input " type="text" name="headerKey" placeholder="key" class="tableField textField-key" value="' + keys[i] + '"/></td>' +
'<input type="text" name="headerKey" placeholder="key" class="tableField textField-key" value="' + keys[i] + '"/></td>' +
'<td>' +
'<input " type="text" name="headerKey" placeholder="key" class="tableField" value="' + values[i] + '"/></td>' +
'<input type="text" name="headerValue" placeholder="value" class="tableField" value="' + values[i] + '"/></td>' +
'<td class="btn-function-table btn-table-remove" onclick="removeRow(' + htable_row + ')">X</td>' +
'</tr>';
htable_row++;

View File

@@ -34,8 +34,15 @@
<div id="msgBody">
<div id="typeSelection">
<label for="httpStatus">Http Status</label>
<textarea type="text" id="httpStatus" class="field fieldDefault"></textarea>
<input type="text" id="httpStatus" class="field fieldDefault" value="200" list="httpStatusSuggestion">
<datalist id="httpStatusSuggestion">
<option value="200">
<option value="300">
<option value="400">
<option value="403">
<option value="404">
<option value="500">
</datalist>
<label for="typeSelector">Content Type</label>
<input id="typeSelector" class="field fieldDefault" list="contentTypes" value="application/xml"/>
<datalist id="contentTypes">