feat: Update task popup styles and integrate Bootstrap 5 theme for client selection
This commit is contained in:
@@ -169,6 +169,39 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style type="text/css">
|
||||
.task_popup .task_details .content .right .client .select2-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.task_popup .task_details .content .right .client .select2-container--bootstrap-5 .select2-selection {
|
||||
min-height: 35px;
|
||||
border: 1px solid #cdcdcd;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
padding: 5px 30px 5px 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.task_popup .task_details .content .right .client .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
|
||||
color: #4e5e6a;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.task_popup .task_details .content .right .client .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
|
||||
right: 8px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.task_popup .task_details .content .right .client .select2-container--bootstrap-5.select2-container--focus .select2-selection,
|
||||
.task_popup .task_details .content .right .client .select2-container--bootstrap-5.select2-container--open .select2-selection {
|
||||
border-color: #6690f4;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
( function() {
|
||||
var popup = $( '.task_details[task_id="<?= $this -> task['id'];?>"]' );
|
||||
@@ -179,6 +212,7 @@
|
||||
{
|
||||
var client_select = popup.find( '.task_client_select' );
|
||||
client_select.select2({
|
||||
theme: 'bootstrap-5',
|
||||
width: '100%',
|
||||
placeholder: 'Wybierz klienta',
|
||||
dropdownParent: popup
|
||||
|
||||
Reference in New Issue
Block a user