updates the tableHelpsite to use bootstrap5 classes if the bootstrapVersion flag is set to 5

This commit is contained in:
SimonGschnell
2024-03-20 13:25:32 +01:00
parent de15d43bb7
commit 78a16982f8
3 changed files with 30 additions and 8 deletions
+3 -1
View File
@@ -12,7 +12,9 @@
<div id="tableDatasetActionsTop"></div>
<!-- TableWidget table -->
<?php TableWidget::loadViewDataset(); ?>
<div class="border border-2 mb-4">
<?php TableWidget::loadViewDataset(); ?>
</div>
<!-- Table info bottom -->
<div id="tableDatasetActionsBottom"></div>
@@ -1,10 +1,19 @@
<!--CollapseHTML 'Help'-->
<div class="row">
<div class="col-lg-12 collapse" id="tabulatorHelp-<?php echo $tableUniqueId; ?>">
<div class="well">
<div class="mb-4 "
style="<?php
if(isset($bootstrapVersion) && $bootstrapVersion==5)
{
echo "border: 1px solid #ccc;
border-radius: 4px;
padding: 15px;
background-color: #f5f5f5;";
} ?>"
>
<h4><?php echo ucfirst($this->p->t('ui', 'tabelleneinstellungen')); ?></h4>
<div class="panel panel-body">
<div class=" <?php echo (isset($bootstrapVersion) && $bootstrapVersion==5)?"card card-body":"panel panel-body" ?>">
<b><?php echo $this->p->t('table', 'spaltenEinAusblenden'); ?></b>
<p>
<ul>
@@ -25,11 +34,11 @@
<br> <!--end panel-body-->
<h4><?php echo $this->p->t('table', 'zeilenAuswaehlen'); ?></h4>
<div class="panel panel-body">
<ul>
<li><?php echo $this->p->t('table', 'zeilenAuswaehlenEinzeln'); ?></li>
<li><?php echo $this->p->t('table', 'zeilenAuswaehlenBereich'); ?></li>
<li><?php echo $this->p->t('table', 'zeilenAuswaehlenAlle'); ?></li>
<div class="<?php echo (isset($bootstrapVersion) && $bootstrapVersion==5)?"card card-body":"panel panel-body" ?>">
<ul class="mb-0">
<li class="mb-1"><?php echo $this->p->t('table', 'zeilenAuswaehlenEinzeln'); ?></li>
<li class="mb-1"><?php echo $this->p->t('table', 'zeilenAuswaehlenBereich'); ?></li>
<li class="mb-1"><?php echo $this->p->t('table', 'zeilenAuswaehlenAlle'); ?></li>
</ul>
</div>
<br> <!--end panel-body-->
+11
View File
@@ -44,3 +44,14 @@
max-height: 22px;
min-width: 30px;
}
.btn-select-col-selected
{
background-color: #e6e6e6;
}
.accordion-item-dark, .accordion-item-dark:focus{
background-color:#CED4DA !important;
border-color:#ADB5BD !important;
box-shadow: none !important;
}