TheDude
/
openproject
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55755 Commits
139 Branches
203 Tags
1.2 GiB
 
 
 
 
 
 
Tag: Branch: Tree: 7eae8f3f86
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '7eae8f3f86'
${ noResults }
openproject/app/assets/stylesheets/content/_tabs.lsg

49 lines
1.3 KiB
Raw Blame History

# Scrollable tabs
```
<div class="scrollable-tabs">
<ul class="tabrow"">
<li class="selected"
tab-id="tab_1">
<a href="#scrollable-tabs?tab=tab_1">Tab 1</a>
</li>
<li tab-id="tab_2">
<a href="#scrollable-tabs?tab=tab_2">Tab 2</a>
</li>
<li tab-id="tab_3">
<a href="#scrollable-tabs?tab=tab_3">Tab 3</a>
</li>
</ul>
<div hidden="true" class="scrollable-tabs--button -left">
<span class="icon-arrow-left2"></span>
</div>
<div hidden="true" class="scrollable-tabs--button -right">
<span class="icon-arrow-right2"></span>
</div>
</div>
```
The height of the tabs section can be reduced applying the `-narrow` modification class.
```
<div class="scrollable-tabs -narrow">
<ul class="tabrow"">
<li class="selected"
tab-id="tab_1">
<a href="#scrollable-tabs?tab=tab_1">Tab 1</a>
</li>
<li tab-id="tab_2">
<a href="#scrollable-tabs?tab=tab_2">Tab 2</a>
</li>
<li tab-id="tab_3">
<a href="#scrollable-tabs?tab=tab_3">Tab 3</a>
</li>
</ul>
<div hidden="true" class="scrollable-tabs--button -left">
<span class="icon-arrow-left2"></span>
</div>
<div hidden="true" class="scrollable-tabs--button -right">
<span class="icon-arrow-right2"></span>
</div>
</div>
```