Project-Pro/crmPRO
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Update task popup styles and integrate Bootstrap 5 theme for client selection

Browse Source
This commit is contained in:
Jacek Pyziak
2026-02-10 09:21:29 +01:00
parent 482ca312aa
commit 3adc50618d
1 changed files with 34 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
templates/tasks/task_popup.php
View File

@@ -169,6 +169,39 @@
</div> </div>
</div> </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"> <script type="text/javascript">
( function() { ( function() {
var popup = $( '.task_details[task_id="<?= $this -> task['id'];?>"]' ); var popup = $( '.task_details[task_id="<?= $this -> task['id'];?>"]' );
@@ -179,6 +212,7 @@
{ {
var client_select = popup.find( '.task_client_select' ); var client_select = popup.find( '.task_client_select' );
client_select.select2({ client_select.select2({
theme: 'bootstrap-5',
width: '100%', width: '100%',
placeholder: 'Wybierz klienta', placeholder: 'Wybierz klienta',
dropdownParent: popup dropdownParent: popup