change checkbox colors
This commit is contained in:
@@ -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@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="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" />
|
<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 %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
@@ -50,31 +60,27 @@
|
|||||||
<div class="form-check form-check-inline mb-0">
|
<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 class="form-check-input" type="checkbox" name="can_view" id="can_view_{{ member.id }}" checked disabled>
|
||||||
<input type="hidden" name="can_view" value="1">
|
<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>
|
||||||
<div class="form-check form-check-inline mb-0">
|
<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 %}>
|
<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>
|
||||||
<div class="form-check form-check-inline mb-0">
|
<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 %}>
|
<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>
|
||||||
<div class="form-check form-check-inline mb-0">
|
<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 %}>
|
<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>
|
||||||
<div class="form-check form-check-inline mb-0">
|
<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 %}>
|
<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>
|
||||||
<div class="form-check form-check-inline mb-0">
|
<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 %}>
|
<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>
|
<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>
|
|
||||||
<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>
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
<form action="{{ url_for('rooms.remove_member', room_id=room.id, user_id=member.id) }}" method="POST" class="d-inline ms-2">
|
<form action="{{ url_for('rooms.remove_member', room_id=room.id, user_id=member.id) }}" method="POST" class="d-inline ms-2">
|
||||||
|
|||||||
Reference in New Issue
Block a user