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°3959 - Truncate vertical tabs label when too long, label can be read entirely through a tooltip

Browse Source
This commit is contained in:
Molkobain
2021-04-15 09:29:38 +02:00
parent 2a62e28c66
commit ddb5ffc11a
4 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
css/backoffice/layout/tab-container/_tab-container.scss
View File

@@ -85,6 +85,10 @@ $ibo-tab--temporary-remote-content--button--hover--color: $ibo-color-grey-200 !d
@extend %ibo-hyperlink-inherited-colors
}
.ibo-tab-container--tab-toggler-label {
@extend %ibo-text-truncated-with-ellipsis;
}
.ibo-tab-container--extra-tabs-container {
@extend .ibo-tab-container--tab-header;

6
datamodels/2.x/itop-structure/precompiled-themes/fullmoon/main.css
View File

File diff suppressed because one or more lines are too long

6
datamodels/2.x/itop-structure/precompiled-themes/test-red/main.css
View File

File diff suppressed because one or more lines are too long

6
templates/base/layouts/tab-container/layout.html.twig
View File

@@ -15,7 +15,9 @@
data-cache="{{ oTab.GetCache() }}"
data-placeholder="{{ oTab.GetPlaceholderAbsPath() }}">
<a href="{{ oTab.GetUrl() }}" class="ibo-tab-container--tab-toggler"
data-role="ibo-tab-container--tab-toggler"><span>{{ oTab.GetTitle() }}</span></a>
data-role="ibo-tab-container--tab-toggler">
<span class="ibo-tab-container--tab-toggler-label" data-role="ibo-tab-container--tab-toggler-label" title="{{ oTab.GetTitle() }}">{{ oTab.GetTitle() }}</span>
</a>
</li>
{% elseif oTab.GetType() == constant('TabManager::ENUM_TAB_TYPE_HTML') %}
<li class="ibo-tab-container--tab-header" data-role="ibo-tab-container--tab-header"
@@ -23,7 +25,7 @@
data-tab-type="{{ oTab.GetType() }}">
<a href="#tab_{{ oTab.GetId()|sanitize(constant('utils::ENUM_SANITIZATION_FILTER_ELEMENT_IDENTIFIER')) }}"
class="ibo-tab-container--tab-toggler" data-role="ibo-tab-container--tab-toggler">
<span>{{ oTab.GetTitle() }}</span>
<span class="ibo-tab-container--tab-toggler-label" data-role="ibo-tab-container--tab-toggler-label" title="{{ oTab.GetTitle() }}">{{ oTab.GetTitle() }}</span>
</a>
</li>
{% endif %}