qol: quick search input to have fixed width

This commit is contained in:
Gary Sharp
2025-07-03 12:53:47 +10:00
parent 8b8b26116e
commit 4660425ccc
7 changed files with 5 additions and 38 deletions
-3
View File
@@ -58515,9 +58515,6 @@ jQuery.fn.DataTable.defaults.aLengthMenu = [[10, 20, 50, 100, 200, -1], [10, 20,
$this.data('ui-autocomplete')._renderItem = function (ul, item) {
let template;
//"<a><strong>" + item.DisplayName + "</strong><br>" + item.Id + " (" + item.Type + ")</a>"
switch (item.Type) {
case 'Device':
template = $('<a>').append('<i class="fa fa-desktop fa-fw">').append($('<strong>').text('Device ' + item.Id)).append($('<div>').text(item.ComputerName + '; ' + item.DeviceModelDescription))
@@ -45,9 +45,6 @@
$this.data('ui-autocomplete')._renderItem = function (ul, item) {
let template;
//"<a><strong>" + item.DisplayName + "</strong><br>" + item.Id + " (" + item.Type + ")</a>"
switch (item.Type) {
case 'Device':
template = $('<a>').append('<i class="fa fa-desktop fa-fw">').append($('<strong>').text('Device ' + item.Id)).append($('<div>').text(item.ComputerName + '; ' + item.DeviceModelDescription))
+1 -10
View File
@@ -4698,23 +4698,14 @@ header #SearchQuery,
#header #SearchQuery {
font-size: 0.9em;
margin-left: 6px;
width: 130px;
width: 190px;
background-color: #eee;
-moz-transition-property: width;
-o-transition-property: width;
-webkit-transition-property: width;
transition-property: width;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
header #SearchQuery:hover,
#header #SearchQuery:hover,
header #SearchQuery:focus,
#header #SearchQuery:focus {
background-color: #fff;
width: 190px;
}
header .watermark,
#header .watermark {
File diff suppressed because one or more lines are too long
+1 -10
View File
@@ -266,23 +266,14 @@ header #SearchQuery,
#header #SearchQuery {
font-size: 0.9em;
margin-left: 6px;
width: 130px;
width: 190px;
background-color: #eee;
-moz-transition-property: width;
-o-transition-property: width;
-webkit-transition-property: width;
transition-property: width;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
header #SearchQuery:hover,
#header #SearchQuery:hover,
header #SearchQuery:focus,
#header #SearchQuery:focus {
background-color: #fff;
width: 190px;
}
header .watermark,
#header .watermark {
+1 -10
View File
@@ -194,20 +194,11 @@ header, #header {
#SearchQuery {
font-size: 0.9em;
margin-left: 6px;
width: 130px;
width: 190px;
background-color: #eee;
-moz-transition-property: width;
-o-transition-property: width;
-webkit-transition-property: width;
transition-property: width;
-moz-transition-duration: .1s;
-o-transition-duration: .1s;
-webkit-transition-duration: .1s;
transition-duration: .1s;
&:hover, &:focus {
background-color: @white;
width: 190px;
}
}
File diff suppressed because one or more lines are too long