change checkbox colors

This commit is contained in:
2025-05-31 12:28:32 +02:00
parent 45a1bc07c6
commit fb2837e523

View File

@@ -7,6 +7,16 @@
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet" />
<link href="{{ url_for('static', filename='css/room_members.css', v=config.CSS_VERSION) }}" rel="stylesheet" />
<style>
.form-check-input:checked {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.form-check-input:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25);
}
</style>
{% endblock %}
{% block content %}
@@ -50,31 +60,27 @@
<div class="form-check form-check-inline mb-0">
<input class="form-check-input" type="checkbox" name="can_view" id="can_view_{{ member.id }}" checked disabled>
<input type="hidden" name="can_view" value="1">
<label class="form-check-label" for="can_view_{{ member.id }}" title="View permission is always required"><i class="fas fa-eye"></i></label>
<label class="form-check-label" for="can_view_{{ member.id }}" title="View permission is always required" style="color: var(--secondary-color);"><i class="fas fa-eye"></i></label>
</div>
<div class="form-check form-check-inline mb-0">
<input class="form-check-input" type="checkbox" name="can_download" id="can_download_{{ member.id }}" {% if perm.can_download %}checked{% endif %}>
<label class="form-check-label" for="can_download_{{ member.id }}" title="Can Download Files"><i class="fas fa-download"></i></label>
<label class="form-check-label" for="can_download_{{ member.id }}" title="Can Download Files" style="color: var(--secondary-color);"><i class="fas fa-download"></i></label>
</div>
<div class="form-check form-check-inline mb-0">
<input class="form-check-input" type="checkbox" name="can_upload" id="can_upload_{{ member.id }}" {% if perm.can_upload %}checked{% endif %}>
<label class="form-check-label" for="can_upload_{{ member.id }}" title="Can Upload Files"><i class="fas fa-upload"></i></label>
<label class="form-check-label" for="can_upload_{{ member.id }}" title="Can Upload Files" style="color: var(--secondary-color);"><i class="fas fa-upload"></i></label>
</div>
<div class="form-check form-check-inline mb-0">
<input class="form-check-input" type="checkbox" name="can_delete" id="can_delete_{{ member.id }}" {% if perm.can_delete %}checked{% endif %}>
<label class="form-check-label" for="can_delete_{{ member.id }}" title="Can Delete Files"><i class="fas fa-trash"></i></label>
<label class="form-check-label" for="can_delete_{{ member.id }}" title="Can Delete Files" style="color: var(--secondary-color);"><i class="fas fa-trash"></i></label>
</div>
<div class="form-check form-check-inline mb-0">
<input class="form-check-input" type="checkbox" name="can_rename" id="can_rename_{{ member.id }}" {% if perm.can_rename %}checked{% endif %}>
<label class="form-check-label" for="can_rename_{{ member.id }}" title="Can Rename Files"><i class="fas fa-i-cursor"></i></label>
<label class="form-check-label" for="can_rename_{{ member.id }}" title="Can Rename Files" style="color: var(--secondary-color);"><i class="fas fa-i-cursor"></i></label>
</div>
<div class="form-check form-check-inline mb-0">
<input class="form-check-input" type="checkbox" name="can_move" id="can_move_{{ member.id }}" {% if perm.can_move %}checked{% endif %}>
<label class="form-check-label" for="can_move_{{ member.id }}" title="Can Move Files"><i class="fas fa-arrows-alt"></i></label>
</div>
<div class="form-check form-check-inline mb-0">
<input class="form-check-input" type="checkbox" name="can_share" id="can_share_{{ member.id }}" {% if perm.can_share %}checked{% endif %}>
<label class="form-check-label" for="can_share_{{ member.id }}" title="Can Share Files"><i class="fas fa-share-alt"></i></label>
<label class="form-check-label" for="can_move_{{ member.id }}" title="Can Move Files" style="color: var(--secondary-color);"><i class="fas fa-arrows-alt"></i></label>
</div>
</form>
<form action="{{ url_for('rooms.remove_member', room_id=room.id, user_id=member.id) }}" method="POST" class="d-inline ms-2">