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

N°4021 - Add support for tab container for the sticky header

Browse Source
This commit is contained in:
Molkobain
2021-05-28 16:35:02 +02:00
parent 8580eb6d2b
commit 1e99ad436f
8 changed files with 213 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
css/backoffice/blocks-integrations/_panel-with-tab-container.scss
View File

@@ -13,7 +13,9 @@ $ibo-panel-with-tab-container--padding-top: -1 * ($ibo-panel--body--padding-top
$ibo-panel-with-tab-container--margin-x: -1 * $ibo-panel--body--padding-x !default;
$ibo-panel-with-tab-container--margin-bottom: -1 * $ibo-panel--body--padding-bottom !default;
// Note: We use the child ">" selector to ensure this applies only the child tab container, not another one that would be nested
$ibo-panel-with-tab-container--tab-toggler--font-size--is-sticking: $ibo-font-size-100 !default;
// Note: We use the child ">" selector to ensure this applies only to the child tab container, not another one that would be nested
.ibo-panel {
> .ibo-panel--body {
> .ibo-tab-container {
@@ -59,4 +61,27 @@ $ibo-panel-with-tab-container--margin-bottom: -1 * $ibo-panel--body--padding-bot
}
}
}
}
/* Sticky header rules */
&.ibo-has-sticky-header {
> .ibo-panel--body {
> .ibo-tab-container {
> .ibo-tab-container--tabs-list.ibo-is-sticking {
position: fixed;
z-index: 10;
}
&:not(.ibo-is-vertical){
> .ibo-tab-container--tabs-list.ibo-is-sticking {
padding-left: 0;
.ibo-tab-container--tab-toggler,
.ibo-tab-container--extra-tabs-list-toggler {
font-size: $ibo-panel-with-tab-container--tab-toggler--font-size--is-sticking;
}
}
}
}
}
}
}