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

N°2847 - Work on TabContainer: Move SCSS and HTML files to the layout folder

Browse Source
This commit is contained in:
Molkobain
2020-10-02 11:05:43 +02:00
parent 29f58103b0
commit 41c833d0c6
6 changed files with 13 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/backoffice/components/_all.scss
View File

@@ -13,8 +13,6 @@
@import "popover-menu/popover-menu-item"; @import "popover-menu/popover-menu-item";
@import "newsroom-menu"; @import "newsroom-menu";
@import "tab-container/tab-container";
@import "tab-container/tab";
@import "title"; @import "title";
@import "form"; @import "form";
@import "input"; @import "input";

28
css/backoffice/components/tab-container/_tab.scss
View File

@@ -1,28 +0,0 @@
/*!
* @copyright Copyright (C) 2010-2020 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
.ibo-tab--header {
a {
@extend %ibo-font-ral-med-200;
color: $ibo-color-grey-700;
:hover {
color: $ibo-color-grey-900;
}
}
&.ui-state-active a {
color: $ibo-color-blue-800;
@extend %ibo-font-ral-bol-200;
:hover {
color: $ibo-color-blue-800;
}
}
}
.ibo-tab--content {
background: $ibo-color-white-100;
}

2
css/backoffice/layout/_all.scss
View File

@@ -19,6 +19,8 @@
@import "navigation-menu"; @import "navigation-menu";
@import "top-bar"; @import "top-bar";
@import "content"; @import "content";
@import "tab-container/tab-container";
@import "tab-container/tab";
@import "multi-column/multi-column"; @import "multi-column/multi-column";
@import "multi-column/column"; @import "multi-column/column";
@import "object-details"; @import "object-details";

6
css/backoffice/components/tab-container/_tab-container.scss → css/backoffice/layout/tab-container/_tab-container.scss
View File

@@ -16,6 +16,9 @@ $ibo-tab-container--tab-header--background-color--on-hover: $ibo-color-grey-200
$ibo-tab-container--tab-toggler--padding-x: 24px !default; $ibo-tab-container--tab-toggler--padding-x: 24px !default;
$ibo-tab-container--tab-container--padding-x: 32px !default;
$ibo-tab-container--tab-container--padding-y: 32px !default;
/* Rules */ /* Rules */
.ibo-tab-container--tabs-list { .ibo-tab-container--tabs-list {
@extend %ibo-full-height-content; @extend %ibo-full-height-content;
@@ -52,3 +55,6 @@ $ibo-tab-container--tab-toggler--padding-x: 24px !default;
} }
} }
.ibo-tab-container--tab-container{
padding: $ibo-tab-container--tab-container--padding-y $ibo-tab-container--tab-container--padding-x;
}

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

@@ -0,0 +1,4 @@
/*!
* @copyright Copyright (C) 2010-2020 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/

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

@@ -19,7 +19,7 @@
</ul> </ul>
{% block iboTabContainerTabsContainers %} {% block iboTabContainerTabsContainers %}
{% for oTab in oUIBlock.GetSubBlocks() %} {% for oTab in oUIBlock.GetSubBlocks() %}
{% if oTab.GetType() == 'html' %} {% if oTab.GetType() == constant('TabManager::ENUM_TAB_TYPE_HTML') %}
<div id="tab_{{ loop.index }}" class="ibo-tab-container--tab-container"> <div id="tab_{{ loop.index }}" class="ibo-tab-container--tab-container">
{{ render_block(oTab, {aPage: aPage}) }} {{ render_block(oTab, {aPage: aPage}) }}
</div> </div>