composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-05-18 14:58:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Activity entry: Fix "more" toggler being at the bottom of the entry with text attributes

Browse Source
This commit is contained in:
Molkobain
2021-04-10 14:38:38 +02:00
parent 05594ccdd6
commit 97f5f0b50d
2 changed files with 24 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
css/backoffice/layout/activity-panel/_edits-entry.scss
View File

@@ -18,27 +18,35 @@
/* SCSS variables */
$ibo-edits-entry--short-description--text-color: inherit !default;
$ibo-edits-entry--long-description-toggler-icon--margin-left: 12px !default;
$ibo-edits-entry--long-description-toggler-icon--top: 3px !default;
$ibo-edits-entry--long-description-toggler-icon--right: 0 !default;
$ibo-edits-entry--long-description--margin-top: 8px !default;
/* CSS rules */
/* - Long description */
a.ibo-edits-entry--short-description {
color: $ibo-edits-entry--short-description--text-color;
position: relative;
display: block;
color: $ibo-edits-entry--short-description--text-color;
}
.ibo-edits-entry--long-description-toggler-icon{
margin-left: $ibo-edits-entry--long-description-toggler-icon--margin-left;
transition: all 0.2s ease-in-out;
.ibo-edits-entry--long-description-toggler-icon {
position: absolute;
top: $ibo-edits-entry--long-description-toggler-icon--top;
right: $ibo-edits-entry--long-description-toggler-icon--right;
transition: all 0.2s ease-in-out;
}
.ibo-edits-entry--long-description{
display: none;
margin-top: $ibo-edits-entry--long-description--margin-top;
list-style: inside;
.ibo-edits-entry--long-description {
display: none;
margin-top: $ibo-edits-entry--long-description--margin-top;
list-style: inside;
}
/* - Long desc. opened */
.ibo-edits-entry{
&.ibo-is-opened{
.ibo-edits-entry--long-description-toggler-icon{
.ibo-edits-entry {
&.ibo-is-opened {
.ibo-edits-entry--long-description-toggler-icon {
transform: rotateX(180deg);
}
.ibo-edits-entry--long-description{

7
templates/base/layouts/activity-panel/activity-entry/edits-entry.html.twig
View File

@@ -7,8 +7,9 @@
<span class="ibo-edits-entry--short-description">{{ oUIBlock.GetShortDescriptionAsHtml()|raw }}</span>
{% else %}
<a href="#" class="ibo-edits-entry--short-description" data-role="ibo-edits-entry--long-description-toggler">
{{ oUIBlock.GetShortDescriptionAsHtml()|raw }}
{# Note: In edits entry, the description toggler is positioned #}
<span class="ibo-edits-entry--long-description-toggler-icon fa fa-caret-down"></span>
{{ oUIBlock.GetShortDescriptionAsHtml()|raw }}
</a>
<ul class="ibo-edits-entry--long-description" data-role="ibo-edits-entry--long-description">
{% for sAttCode, aAttData in oUIBlock.GetAttributes() %}
@@ -16,6 +17,6 @@
<li class="ibo-edits-entry--attribute-description" data-attribute-code="{{ sAttCode }}">{{ sAttHtmlDescription|raw }}</li>
{% endfor %}
{% endfor %}
</ul>
{% endif %}
</ul>
{% endif %}
{% endblock %}