composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-13 07:24:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

N°8274 - Add no item illustration to browse brick

Browse Source
This commit is contained in:
Stephen Abello
2025-04-02 15:45:28 +02:00
parent 19495d8acf
commit 994b08f94a
3 changed files with 28 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_browse-brick.scss
View File

@@ -103,6 +103,13 @@ $ipb-browse-brick--list-group-item--tree-item-wrapper--padding-bottom: $common-s
$ipb-browse-brick--list-group--tree--margin: $common-spacing-0 !default;
$ipb-browse-brick--list-group--tree--background-color: $common-color-white-100 !default;
$ipb-browse-brick--no-item--illustration--max-width: 100% !default;
$ipb-browse-brick--no-item--illustration--padding-y: $common-spacing-600 !default;
$ipb-browse-brick--no-item--illustration--padding-x: $common-spacing-500 !default;
$ipb-browse-brick--no-item--illustration--svg--max-width: $common-size-700 !default;
$ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
// Common
.ipb-browse-brick-panel {
.row {
@@ -381,3 +388,20 @@ $ipb-browse-brick--list-group--tree--background-color: $common-color-white-100 !
margin: $ipb-browse-brick--list-group--tree--margin;
background-color: $ipb-browse-brick--list-group--tree--background-color;
}
.ipb-browse-brick--no-item--illustration {
width: $ipb-browse-brick--no-item--illustration--max-width;
display: flex;
flex-direction: column;;
padding: $ipb-browse-brick--no-item--illustration--padding-y $ipb-browse-brick--no-item--illustration--padding-x;
> svg {
max-width: $ipb-browse-brick--no-item--illustration--svg--max-width;
height: inherit;
align-self: center;
}
}
.ipb-browse-brick--no-item--text {
color: $ipb-browse-brick--no-item--text--color;
@extend %common-font-ral-med-300;
}

5
datamodels/2.x/itop-portal-base/portal/templates/bricks/browse/layout.html.twig
View File

@@ -26,7 +26,7 @@
{% endblock %}
{% block pMainContentHolder%}
{% if iItemsCount > 0 or sSearchValue is not null %}
{% if iItemsCount > 0 or sSearchValue is not empty %}
{% block bBrowseHeaderContent %}
{% endblock %}
<div class="ipb-panel ipb-browse-brick-panel panel panel-default">
@@ -36,7 +36,8 @@
{% else %}
<div class="ipb-panel panel panel-default">
<div class="ipb-panel--body panel-body">
<h3 class="text-center">{{ 'Brick:Portal:Browse:Filter:NoData'|dict_s }}</h3>
<div class="ipb-browse-brick--no-item--illustration ipb-svg-illustration--container">{{ source('illustrations/undraw_empty_alternative.svg') }}</div>
<h3 class="ipb-browse-brick--no-item--text text-center">{{ 'Brick:Portal:Browse:Filter:NoData'|dict_s }}</h3>
</div>
</div>
{% endif %}

1
images/illustrations/undraw_empty_alternative.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB