Use ipl\Web\EmptyStateBar where applicable

This commit is contained in:
Johannes Meyer 2023-09-13 09:32:17 +02:00
parent cf957fbcdf
commit de96826f28
5 changed files with 6 additions and 18 deletions

View file

@ -9,7 +9,7 @@ if (! $this->compact): ?>
<div class="content" data-base-target="_next" id="<?= $this->protectId('content') ?>">
<?php if (empty($pivotData)): ?>
<div class="item-list">
<div class="empty-state"><?= $this->translate('No services found matching the filter.') ?></div>
<div class="empty-state-bar"><?= $this->translate('No services found matching the filter.') ?></div>
</div>
</div>
<?php return; endif;

View file

@ -9,7 +9,7 @@ if (! $this->compact): ?>
<div class="content" data-base-target="_next" id="<?= $this->protectId('content') ?>">
<?php if (empty($pivotData)): ?>
<div class="item-list">
<div class="empty-state"><?= $this->translate('No services found matching the filter.') ?></div>
<div class="empty-state-bar"><?= $this->translate('No services found matching the filter.') ?></div>
</div>
</div>
<?php return; endif;

View file

@ -13,7 +13,7 @@ use ipl\Html\HtmlString;
use ipl\Orm\Common\SortUtil;
use ipl\Orm\Query;
use ipl\Web\Control\SortControl;
use ipl\Web\Widget\EmptyState;
use ipl\Web\Widget\EmptyStateBar;
use ipl\Web\Widget\Icon;
/** @todo Figure out what this might (should) have in common with the new BaseItemTable implementation */
@ -187,7 +187,7 @@ abstract class StateItemTable extends BaseHtmlElement
new HtmlElement(
'td',
Attributes::create(['colspan' => count($this->columns)]),
new EmptyState(t('No items found.'))
new EmptyStateBar(t('No items found.'))
)
));
}

View file

@ -25,10 +25,6 @@
word-break: break-word;
}
.empty-state {
color: @gray-semilight;
}
div.show-more {
.clearfix();
float: right;

View file

@ -50,12 +50,6 @@
}
}
> .empty-state,
> tbody > tr:first-child .empty-state {
.rounded-corners();
background-color: @gray-lightest;
}
.list-item:not(:last-child) > *:not(.visual),
.row-item:not(:last-child) {
border-bottom: 1px solid @gray-light;
@ -148,11 +142,9 @@ table.state-item-table {
padding: .5em 1em 0 0;
}
> .empty-state,
> tbody > tr:first-child .empty-state {
> .empty-state-bar,
> tbody > tr:first-child .empty-state-bar {
margin: 0 1em;
padding: 1em;
text-align: center;
}
}