vh/NetAlertX
1
0
Fork 0
mirror of https://github.com/jokob-sk/NetAlertX.git synced 2025-12-07 09:36:05 -08: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

21
front/css/app.css
View File

@@ -1418,10 +1418,11 @@ input[readonly] {
.select2-container--default .select2-selection--single
{
border-radius: 0px !important;
border-color: #3d444b !important;
border-color: #d2d6de !important;
min-height: 42px;
}
.helpIconSmallTopRight{
position: absolute;
font-size: x-small;
@@ -1578,8 +1579,26 @@ input[readonly] {
{
width: initial;
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
{
min-height: 42px;

25
front/css/system-dark-patch.css
View File

@@ -734,6 +734,31 @@
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 {

12
front/js/ui_components.js
View File

@@ -659,7 +659,6 @@ function getRelationshipConf(relType) {
let cssClass = '';
let color = '';
// --color-aqua: #00c0ef;
// --color-blue: #0060df;
// --color-green: #00a65a;
@@ -686,7 +685,7 @@ function getRelationshipConf(relType) {
break;
default:
color = "#5B5B66"; // grey
cssClass = "text-grey";
cssClass = "text-light-grey";
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({
minimumResultsForSearch: Infinity,
templateSelection: function (data, container) {
if (!data.id) return data.text; // default for placeholder etc.
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
const html = $(`
<span class="custom-chip" >
<span class="custom-chip ${relConf.cssClass}" >
${data.text}
</span>
`);

2
front/php/templates/header.php
View File

@@ -136,7 +136,7 @@
<!-- ----------------------------------------------------------------------- -->
<!-- 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 -->
<div class="wrapper">