feat: Enhance readonly input styles and improve device data handling

This commit is contained in:
Jokob @NetAlertX
2026-01-22 09:57:48 +00:00
parent 49e689f022
commit cafa36f627
5 changed files with 78 additions and 27 deletions

View File

@@ -1216,12 +1216,14 @@ height: 50px;
width: 20%;
}
input[readonly] {
/* Apply styles to the readonly input */
background-color: #646566 !important;
color: #e6e6e6;
input[readonly],
textarea[readonly],
.form-control[readonly] {
background-color: #f4f6f8;
border-color: #d2d6de;
color: #6b7280;
cursor: not-allowed;
}
}
.interactable-option:hover::before {
opacity: 1;
@@ -1491,12 +1493,12 @@ input[readonly] {
}
.select2-container--default .select2-selection--multiple
{
background-color:#606060 !important;
background-color:#ffffff !important;
}
.select2-container .select2-dropdown
{
background-color:#606060 !important;
background-color:#ffffff !important;
}
.select2-container--default .select2-selection--multiple,

View File

@@ -509,11 +509,20 @@ div.dataTables_wrapper div.dataTables_length select {
border: 1px solid #3d444b;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #353c42;
opacity: 1;
}
input[readonly],
textarea[readonly],
.form-control[readonly] {
background-color: #545659 !important;
border-color: #3d444b;
color: #888a8c;
cursor: not-allowed;
opacity: 1;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
background-color: #4c5761;
color: #bec5cb;
@@ -682,7 +691,7 @@ table.dataTable tbody tr.selected, table.dataTable tbody tr .selected
.db_tools_table_cell_b:nth-child(1) {background: #272c30}
.db_tools_table_cell_b:nth-child(2) {background: #272c30}
.db_info_table {
.db_info_table {
display: table;
border-spacing: 0em;
font-weight: 400;
@@ -746,7 +755,7 @@ table.dataTable tbody tr.selected, table.dataTable tbody tr .selected
.small-box:hover .icon {
font-size: 3em;
}
.small-box .icon {
.small-box .icon {
top: 0.01em;
font-size: 3.25em;
}
@@ -774,6 +783,11 @@ table.dataTable tbody tr.selected, table.dataTable tbody tr .selected
border-color: #3d444b !important;
}
.select2-container--default .select2-selection--multiple {
background-color: #353c42 !important;
color: #bec5cb;
}
.select2-container--default .select2-selection--single .select2-selection__rendered .custom-chip
{
color: #bec5cb;
@@ -791,7 +805,7 @@ table.dataTable tbody tr.selected, table.dataTable tbody tr .selected
.thresholdFormControl
{
color:#000;
color:#000;
}
.btn:hover

View File

@@ -512,11 +512,19 @@
border: 1px solid #3d444b;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #353c42;
opacity: 1;
}
input[readonly],
textarea[readonly],
.form-control[readonly] {
background-color: #2f353b !important;
border-color: #3d444b;
color: #c7cdd3;
cursor: not-allowed;
opacity: 1;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
background-color: #4c5761;
color: #bec5cb;
@@ -776,6 +784,11 @@
border-color: #3d444b !important;
}
.select2-container--default .select2-selection--multiple {
background-color: #353c42 !important;
color: #bec5cb;
}
.select2-container--default .select2-selection--single .select2-selection__rendered .custom-chip
{
color: #bec5cb;