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

Tabs: Fix scrollable tab's separator width on very large screen

Browse Source
This commit is contained in:
Molkobain
2021-02-19 19:14:09 +01:00
parent 5e21ec03cd
commit 4a227c7ed2
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -37,6 +37,7 @@ $ibo-tab-container--tab-container--label--text-color: $ibo-color-grey-600 !defau
$ibo-tab-container--tab-container--label--spacing: 20px !default;
$ibo-tab-container--tab-container--label--margin-bottom: 20px !default;
$ibo-tab-container--tab-container--label--span--margin-left: 40px !default;
$ibo-tab-container--tab-container--label--separator-height: 2px !default;
$ibo-tab--temporary-remote-content-max-height: 300px !default;
@@ -141,15 +142,15 @@ $ibo-tab--temporary-remote-content--button--hover--color: $ibo-color-grey-200 !d
@extend %ibo-font-ral-med-250;
}
> span::before,
> span::after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
height: 1px;
width: 2000px;
border-top: 2px solid $ibo-tab-container--tab-container--label--text-color;
}
> span::after {
content: "";
display: inline-block;
position: absolute;
top: calc(50% - (#{$ibo-tab-container--tab-container--label--separator-height} / 2));
height: 1px;
width: 10000px;
border-top: $ibo-tab-container--tab-container--label--separator-height solid $ibo-tab-container--tab-container--label--text-color;
}
> span::before{
right: 100%;
}