vh/NetAlertX
1
0
Fork 0
mirror of https://github.com/jokob-sk/NetAlertX.git synced 2026-04-15 22:51:37 -07:00
Code Issues Actions Packages Projects Releases Wiki Activity

css fixes #724

Browse Source
This commit is contained in:
jokob-sk
2025-07-14 19:52:16 +10:00
parent bfbf70cf1a
commit 46cd4887a3
4 changed files with 51 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/css/app.css
+20 -1
View File
@@ -1418,10 +1418,11 @@ input[readonly] {
.select2-container--default .select2-selection--single .select2-container--default .select2-selection--single
{ {
border-radius: 0px !important; border-radius: 0px !important;
border-color: #3d444b !important; border-color: #d2d6de !important;
min-height: 42px; min-height: 42px;
} }
.helpIconSmallTopRight{ .helpIconSmallTopRight{
position: absolute; position: absolute;
font-size: x-small; font-size: x-small;
@@ -1578,8 +1579,26 @@ input[readonly] {
{ {
width: initial; width: initial;
display: inline-block; display: inline-block;
min-height: 42px;
} }
/* Remove the default Select2 chevron (the down arrow) */
.select2-container .select2-selection__arrow b {
display: none !important;
}
/* Add custom icon */
.select2-container .select2-selection__arrow::after {
font-family: 'Font Awesome 6 Free';
content: "\f078"; /* fa-chevron-down */
font-weight: 700;
position: absolute;
top: 75%;
left: 30%;
transform: translate(-50%, -50%);
pointer-events: none;
}
#deviceDetailsEdit .form-control #deviceDetailsEdit .form-control
{ {
min-height: 42px; min-height: 42px;
front/css/system-dark-patch.css
+25
View File
@@ -734,6 +734,31 @@
background-color: #000 !important; background-color: #000 !important;
} }
.select2-container--default .select2-selection--single {
color: initial !important;
background-color: #353c42 !important;
}
/* Chevron color */
.select2-container .select2-selection__arrow::after {
color: #bec5cb;
}
/* Chevron color */
.select2-selection .select2-selection--single {
color: #bec5cb;
}
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
border-color: #3d444b !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered .custom-chip
{
color: #bec5cb;
}
} }
.callout code { .callout code {
front/js/ui_components.js
+5 -7
View File
@@ -659,7 +659,6 @@ function getRelationshipConf(relType) {
let cssClass = ''; let cssClass = '';
let color = ''; let color = '';
// --color-aqua: #00c0ef; // --color-aqua: #00c0ef;
// --color-blue: #0060df; // --color-blue: #0060df;
// --color-green: #00a65a; // --color-green: #00a65a;
@@ -686,7 +685,7 @@ function getRelationshipConf(relType) {
break; break;
default: default:
color = "#5B5B66"; // grey color = "#5B5B66"; // grey
cssClass = "text-grey"; cssClass = "text-light-grey";
break; break;
} }
@@ -753,19 +752,18 @@ function initSelect2() {
} }
}); });
} else if($(this).attr("my-transformers") == "deviceRelType") } else if($(this).attr("my-transformers") == "deviceRelType") // handling dropdown for relationships
{ {
var selectEl = $(this).select2({ var selectEl = $(this).select2({
minimumResultsForSearch: Infinity,
templateSelection: function (data, container) { templateSelection: function (data, container) {
if (!data.id) return data.text; // default for placeholder etc. if (!data.id) return data.text; // default for placeholder etc.
const relConf = getRelationshipConf(data.text); const relConf = getRelationshipConf(data.text);
// remove all bg- classes and add latest one
$(container).removeClass(function(i, c) { return (c.match(/\btext-[^\s]+/g) || []).join(' '); }).addClass(relConf.cssClass);
// Custom HTML // Custom HTML
const html = $(` const html = $(`
<span class="custom-chip" > <span class="custom-chip ${relConf.cssClass}" >
${data.text} ${data.text}
</span> </span>
`); `);
front/php/templates/header.php
+1 -1
View File
@@ -136,7 +136,7 @@
<!-- ----------------------------------------------------------------------- --> <!-- ----------------------------------------------------------------------- -->
<!-- Layout Boxed Yellow --> <!-- Layout Boxed Yellow -->
<body class="hold-transition fixed <?php echo $pia_skin_selected;?> sidebar-mini" onLoad="update_servertime();" > <body class="hold-transition fixed <?php echo $pia_skin_selected;?> theme-<?php echo $UI_THEME;?> sidebar-mini" onLoad="update_servertime();" >
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">