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°3541 Add loading state design to buttons block

Browse Source
This commit is contained in:
Stephen Abello
2022-02-03 15:30:38 +01:00
parent af5a0d5006
commit 1f95a4ee21
4 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
css/backoffice/components/_button.scss
View File

@@ -479,6 +479,22 @@ $ibo-button-colors: (
&.ibo-action-button {
float: right;
}
.ibo-button--loading-icon {
display: none;
}
&.ibo-is-loading {
.ibo-button--icon{
display: none;
}
.ibo-button--loading-icon {
display: inline-block;
&+ .ibo-button--label{
margin-left: $ibo-button--label--margin-left;
}
}
}
}
.ibo-button--label {

1
templates/base/components/button/buttonjs.html.twig
View File

@@ -22,6 +22,7 @@
aria-label="{{ sAriaLabel }}"
{% endif %}
>
<span class="ibo-button--loading-icon fas fa-spinner fa-pulse"></span>
{% if oUIBlock.GetIconClass() is not empty %}
<span class="ibo-button--icon {{ oUIBlock.GetIconClass() }}"></span>
{% endif %}

1
templates/base/components/button/buttonurl.html.twig
View File

@@ -20,6 +20,7 @@
aria-label="{{ sAriaLabel }}"
{% endif %}
>
<span class="ibo-button--loading-icon fas fa-spinner fa-pulse"></span>
{% if oUIBlock.GetIconClass() is not empty %}
<span class="ibo-button--icon {{ oUIBlock.GetIconClass() }}"></span>
{% endif %}

1
templates/base/components/button/layout.html.twig
View File

@@ -20,6 +20,7 @@
{% endif %}
>
<span class="ibo-button--loading-icon fas fa-spinner fa-pulse"></span>
{% if oUIBlock.GetIconClass() is not empty %}
<span class="ibo-button--icon {{ oUIBlock.GetIconClass() }}"></span>
{% endif %}