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

top menu

Browse Source
This commit is contained in:
chomik
2019-06-01 23:01:54 +02:00
parent 285985b509
commit dcf8f78789
7 changed files with 29 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
_config.yml
View File

@@ -52,6 +52,7 @@ defaults:
type: docs type: docs
values: values:
layout: docs layout: docs
nav-position: top
colors: colors:

10
pages/_includes/layout/menu.html
View File

@@ -9,14 +9,16 @@
<span class="nav-link-title"> <span class="nav-link-title">
{{ level-1[1].title }} {{ level-1[1].title }}
{% unless include.top %}
{% if level-1[1].label %} {% if level-1[1].label %}
<span class="badge bg-{{ level-1[1].label-color | default: 'primary' }} text-white ml-auto">{{ level-1[1].label }}</span> <span class="badge bg-{{ level-1[1].label-color | default: 'primary' }} text-white ml-auto">{{ level-1[1].label }}</span>
{% endif %} {% endif %}
{% endunless %}
</span> </span>
</a> </a>
{% if level-1[1].children or level-1[1].docs %} {% if level-1[1].children or level-1[1].docs %}
<div class="collapse navbar-collapse{% if level-1[0] == current-page[0] %} show{% endif %}" id="sidebar-{{ level-1[0] }}"> <div class="collapse{% if level-1[0] == current-page[0] %} show{% endif %}" id="sidebar-{{ level-1[0] }}">
<ul class="nav nav-sm flex-column"> <ul class="nav">
{% if level-1[1].docs %} {% if level-1[1].docs %}
{% for d in site.data.docs %} {% for d in site.data.docs %}
@@ -48,7 +50,7 @@
</span> </span>
</a> </a>
{% if level-2[1].children %} {% if level-2[1].children %}
<div class="collapse navbar-collapse{% if level-2[0] == current-page[1] %} show{% endif %}" id="sidebar-{{ level-2[0] }}"> <div class="collapse{% if level-2[0] == current-page[1] %} show{% endif %}" id="sidebar-{{ level-2[0] }}">
<ul class="nav nav-sm flex-column"> <ul class="nav nav-sm flex-column">
{% for level-3 in level-2[1].children %} {% for level-3 in level-2[1].children %}
<li class="nav-item"> <li class="nav-item">
@@ -62,7 +64,7 @@
</a> </a>
{% if level-3[1].children %} {% if level-3[1].children %}
<div class="collapse navbar-collapse{% if level-3[0] == current-page[2] %} show{% endif %}" id="sidebar-{{ level-3[0] }}"> <div class="collapse{% if level-3[0] == current-page[2] %} show{% endif %}" id="sidebar-{{ level-3[0] }}">
<ul class="nav nav-sm flex-column"> <ul class="nav nav-sm flex-column">
{% for level-4 in level-3[1].children %} {% for level-4 in level-3[1].children %}
<li class="nav-item"> <li class="nav-item">

4
pages/_includes/layout/topnav.html
View File

@@ -2,12 +2,10 @@
{% include parts/navbar.html logo=true search=true user-menu=1 person=5 white-logo=include.dark %} {% include parts/navbar.html logo=true search=true user-menu=1 person=5 white-logo=include.dark %}
</header> </header>
{% comment %}
{% if page.nav-position == "top" or page.nav-position == "all" %} {% if page.nav-position == "top" or page.nav-position == "all" %}
<header class="navbar navbar-expand-md"> <header class="navbar navbar-expand-md">
<div class="container"> <div class="container">
{% include layout/menu.html %} {% include layout/menu.html top=true %}
</div> </div>
</header> </header>
{% endif %} {% endif %}
{% endcomment %}

6
pages/_layouts/error.html
View File

@@ -8,13 +8,13 @@ body-class: border-top-2 border-primary
<div class="text-center p-4"> <div class="text-center p-4">
{% if page.error == 'maintenance' %} {% if page.error == 'maintenance' %}
<div class="display-3 text-muted mb-3">{% include ui/icon.html icon="settings" class="icon-thin" %}</div> <div class="display-2 text-muted mb-3">{% include ui/icon.html icon="settings" class="icon-thin" %}</div>
<h1 class="h2 mb-3">{{ error }}</h1> <h1 class="h2 mb-3">{{ error }}</h1>
<p class="h4 text-muted font-weight-normal mb-5">We’ll be back shortly!</p> <p class="h4 text-muted font-weight-normal mb-5">We’ll be back shortly!</p>
{% else %} {% else %}
<div class="display-3 text-muted mb-3">{{ page.error }}</div> <div class="display-2 text-muted mb-3">{{ page.error }}</div>
<h1 class="h2 mb-3 font-weight-bolder">Oops&hellip; You just found an error page 😭</h1> <h1 class="h2 mb-3">Oops&hellip; You just found an error page 😭</h1>
<p class="h4 text-muted font-weight-normal mb-5">{{ error }}</p> <p class="h4 text-muted font-weight-normal mb-5">{{ error }}</p>
<a class="btn btn-primary" href="javascript:history.back()"> <a class="btn btn-primary" href="javascript:history.back()">

65
pages/badges.html
View File

@@ -1,65 +0,0 @@
---
title: Badges
page-title: Badges
done: true
---
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<div class="card-title">Standard badges</div>
</div>
<div class="card-body">
<p>
{% for variant in site.variants %}
<span class="badge badge-{{ variant }}">{{ variant }}</span>
{% endfor %}
</p>
<p>
{% for color in site.colors %}
<span class="badge badge-{{ color[0] }}">{{ color[0] }}</span>
{% endfor %}
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<div class="card-title">Light badges</div>
</div>
<div class="card-body">
<p>
{% for variant in site.variants %}
<span class="badge badge-{{ variant }}-lt">{{ variant }}</span>
{% endfor %}
</p>
<p>
{% for color in site.colors %}
<span class="badge badge-{{ color[0] }}-lt">{{ color[0] }}</span>
{% endfor %}
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<div class="card-title">Bordered badges</div>
</div>
<div class="card-body">
<p>
{% for variant in site.variants %}
<span class="badge badge-{{ variant }} badge-outline">{{ variant }}</span>
{% endfor %}
</p>
<p>
{% for color in site.colors %}
<span class="badge badge-{{ color[0] }} badge-outline">{{ color[0] }}</span>
{% endfor %}
</p>
</div>
</div>
</div>
</div>

2
scss/_variables.scss
View File

@@ -241,6 +241,8 @@ $sidenav-border-color: $border-color !default;
$sidenav-dark-bg: $dark !default; $sidenav-dark-bg: $dark !default;
$sidenav-link-padding-x: .75rem !default; $sidenav-link-padding-x: .75rem !default;
$navbar-nav-link-padding-x: .75rem !default;
//steps //steps
$steps-border-width: 2px !default; $steps-border-width: 2px !default;
$steps-color-inactive: #f3f5f5 !default; $steps-color-inactive: #f3f5f5 !default;

16
scss/layout/_navbar.scss
View File

@@ -1,3 +1,4 @@
.navbar { .navbar {
background: #fff; background: #fff;
color: $body-color; color: $body-color;
@@ -10,11 +11,26 @@
.nav-link { .nav-link {
color: inherit; color: inherit;
white-space: nowrap; white-space: nowrap;
.icon {
font-size: 0.875rem;
vertical-align: top;
}
} }
} }
.navbar-nav { .navbar-nav {
flex-direction: row; flex-direction: row;
margin: 0 (-$navbar-nav-link-padding-x);
.nav-link {
color: $text-muted;
transition: .3s color;
&:hover {
color: $body-color;
}
}
.navbar-nav { .navbar-nav {
padding-left: .5rem; padding-left: .5rem;