Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-22 01:44:25 +04:00
Code Issues Projects Releases Wiki Activity

feat: Add package managers data and update tabs documentation

Browse Source
This commit is contained in:
codecalm
2025-05-17 15:20:08 +02:00
parent 06021fad99
commit f2c0c65f98
3 changed files with 38 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/scss/ui/_nav.scss
View File

@@ -44,6 +44,10 @@
margin: 0 0 calc(-1 * #{$nav-bordered-border-width}); margin: 0 0 calc(-1 * #{$nav-bordered-border-width});
border: 0; border: 0;
border-bottom: $nav-bordered-link-active-border-width var(--#{$prefix}border-style) transparent; border-bottom: $nav-bordered-link-active-border-width var(--#{$prefix}border-style) transparent;
&:hover {
background-color: transparent;
}
} }
.nav-link.active, .nav-link.active,

26
shared/data/package-managers.json Normal file
View File

File diff suppressed because one or more lines are too long

16
shared/includes/docs/tabs-package.html
View File

@@ -1,20 +1,20 @@
{% assign packages = 'npm,pnpm,yarn' | split: ',' -%} <ul class="nav nav-bordered mb-2" role="tablist">
<ul class="nav nav-tabs" id="myTab" role="tablist"> {%- for manager in package-managers -%}
{%- for package in packages -%}
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link{% if forloop.index == 1 %} active{% endif %}" id="{{ package }}-tab" data-bs-toggle="tab" data-bs-target="#{{ package }}" type="button" role="tab" <button class="nav-link{% if forloop.index == 1 %} active{% endif %}" id="{{ manager.name }}-tab" data-bs-toggle="tab" data-bs-target="#{{ manager.name }}" type="button" role="tab"
aria-controls="home" aria-selected="{% if forloop.index == 1 %}true{% else %}false{% endif %}"> aria-controls="home" aria-selected="{% if forloop.index == 1 %}true{% else %}false{% endif %}">
{{ package }} {{ manager.icon | replace: '<svg ', '<svg class="me-2" ' }}
{{ manager.name }}
</button> </button>
</li> </li>
{%- endfor -%} {%- endfor -%}
</ul> </ul>
<div class="tab-content"> <div class="tab-content">
{%- for package in packages -%} {%- for manager in package-managers -%}
<div class="tab-pane{% if forloop.index == 1 %} show active{% endif %}" id="{{ package }}" role="tabpanel" aria-labelledby="{{ package }}-tab"> <div class="tab-pane{% if forloop.index == 1 %} show active{% endif %}" id="{{ manager.name }}" role="tabpanel" aria-labelledby="{{ manager.name }}-tab">
```bash ```bash
{{ package }} install {{ include.name }} {{ manager.command }} install {{ include.name }}
``` ```
</div> </div>