From 11b1688ae64fadbafd055e5f1b6e7947d6ef2f7e Mon Sep 17 00:00:00 2001
From: Michael Kaufmann <d00p@froxlor.org>
Date: Fri, 16 Sep 2022 10:36:06 +0200
Subject: [PATCH] minor adjustments for darkmode and formfields mandatory-flag
 for checkboxes

Signed-off-by: Michael Kaufmann <d00p@froxlor.org>
---
 templates/Froxlor/form/formfields.html.twig | 4 ++--
 templates/Froxlor/src/scss/dark.scss        | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/templates/Froxlor/form/formfields.html.twig b/templates/Froxlor/form/formfields.html.twig
index 7e9561c5..215d8bb3 100644
--- a/templates/Froxlor/form/formfields.html.twig
+++ b/templates/Froxlor/form/formfields.html.twig
@@ -85,7 +85,7 @@
 	{% if field.is_array is defined and field.is_array == 1 and field.values is not empty %}
 		{% for subfield in field.values %}
 			<div class="form-check form-switch">
-				<input type="checkbox" {% if (field.visible is defined and field.visible == false) or (field.disabled is defined and field.disabled == true) %} disabled {% endif %} value="{{ subfield.value }}" name="{{ id }}[]" class="form-check-input" {% if field.value is defined and subfield.value in field.value %} checked="checked" {% endif %}>
+				<input type="checkbox" {% if (field.visible is defined and field.visible == false) or (field.disabled is defined and field.disabled == true) %} disabled {% endif %} value="{{ subfield.value }}" name="{{ id }}[]" class="form-check-input" {% if field.value is defined and subfield.value in field.value %} checked="checked" {% endif %}{% if field.mandatory is defined and field.mandatory %} required {% endif %}>
 				<label class="form-check-label">
 					{{ subfield.label|raw }}
 				</label>
@@ -94,7 +94,7 @@
 	{% else %}
 		<div class="form-check form-switch">
 			<input type="hidden" value="0" name="{{ id }}" />
-			<input type="checkbox" {% if (field.visible is defined and field.visible == false) or (field.disabled is defined and field.disabled == true) %} disabled {% endif %} value="{{ field.value }}" id="{{ id }}" name="{{ id }}" class="form-check-input {% if field.valid is defined and field.valid == false %}is-invalid{% endif %}" {% if field.checked is defined and field.checked == 1 %} checked="checked" {% endif %}>
+			<input type="checkbox" {% if (field.visible is defined and field.visible == false) or (field.disabled is defined and field.disabled == true) %} disabled {% endif %} value="{{ field.value }}" id="{{ id }}" name="{{ id }}" class="form-check-input {% if field.valid is defined and field.valid == false %}is-invalid{% endif %}" {% if field.checked is defined and field.checked == 1 %} checked="checked" {% endif %}{% if field.mandatory is defined and field.mandatory %} required {% endif %}>
 		</div>
 	{% endif %}
 {% endmacro %}
diff --git a/templates/Froxlor/src/scss/dark.scss b/templates/Froxlor/src/scss/dark.scss
index fa78741f..9b0f9840 100644
--- a/templates/Froxlor/src/scss/dark.scss
+++ b/templates/Froxlor/src/scss/dark.scss
@@ -43,7 +43,9 @@ section h5 {
 .form-control:focus {
 	color: $dark-bg;
 }
-
+.form-control[readonly]:focus {
+	color: $white;
+}
 .form-control-plaintext {
 	color: $white;
 }