1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00

style: Update badge positioning and size in navbar and adjust SCSS variables for consistency

This commit is contained in:
codecalm
2025-11-15 13:37:14 +01:00
parent 5018aa9113
commit ba7bb880c4
5 changed files with 14 additions and 20 deletions

View File

@@ -1,10 +1,8 @@
<!-- BEGIN APPS -->
<div class="nav-item dropdown d-none d-md-flex">
<span data-bs-toggle="tooltip" title="Apps" data-bs-placement="bottom">
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show app menu" data-bs-auto-close="outside" aria-expanded="false">
{% include "ui/icon.html" icon="apps" %}
</a>
</span>
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show app menu" data-bs-auto-close="outside" aria-expanded="false">
{% include "ui/icon.html" icon="apps" %}
</a>
<!-- BEGIN NAVBAR APPS -->
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
{% include "cards/navbar-apps.html" %}

View File

@@ -1,11 +1,9 @@
<!-- BEGIN LANGUAGE SELECTOR -->
<div class="nav-item dropdown d-none d-md-flex">
<span data-bs-toggle="tooltip" title="Select language" data-bs-placement="bottom">
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Select language"
data-bs-auto-close="outside" aria-expanded="false">
EN
</a>
</span>
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Select language"
data-bs-auto-close="outside" aria-expanded="false">
EN
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end">
{% for language in languages %}
<a class="dropdown-item" href="#" data-lang="{{ language.code }}">

View File

@@ -1,11 +1,9 @@
<!-- BEGIN NOTIFICATIONS -->
<div class="nav-item dropdown d-none d-md-flex">
<span data-bs-toggle="tooltip" title="Notifications" data-bs-placement="bottom">
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications" data-bs-auto-close="outside" aria-expanded="false">
{% include "ui/icon.html" icon="bell" %}
<span class="badge bg-red"></span>
</a>
</span>
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications" data-bs-auto-close="outside" aria-expanded="false">
{% include "ui/icon.html" icon="bell" %}
<span class="badge bg-red"></span>
</a>
<!-- BEGIN NAVBAR NOTIFICATIONS -->
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
{% include "cards/navbar-notifications.html" %}