Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
tabler
提交
54071259
T
tabler
项目概览
知鸟1号
/
tabler
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
tabler
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
54071259
编写于
11月 03, 2019
作者:
C
codecalm
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
tabler layout, sidebar, nav
上级
cac2ea31
变更
11
隐藏空白更改
内联
并排
Showing
11 changed file
with
89 addition
and
41 deletion
+89
-41
pages/_includes/layout/menu.html
pages/_includes/layout/menu.html
+1
-1
pages/_includes/layout/sidenav.html
pages/_includes/layout/sidenav.html
+4
-7
pages/_includes/layout/topmenu.html
pages/_includes/layout/topmenu.html
+1
-1
pages/_includes/layout/topnav.html
pages/_includes/layout/topnav.html
+1
-1
pages/_layouts/default.html
pages/_layouts/default.html
+4
-10
pages/layout-test.html
pages/layout-test.html
+1
-1
scss/layout/_core.scss
scss/layout/_core.scss
+0
-5
scss/layout/_layout.scss
scss/layout/_layout.scss
+51
-0
scss/layout/_navbar.scss
scss/layout/_navbar.scss
+5
-0
scss/layout/_sidenav.scss
scss/layout/_sidenav.scss
+20
-15
scss/tabler.scss
scss/tabler.scss
+1
-0
未找到文件。
pages/_includes/layout/menu.html
浏览文件 @
54071259
{% removeemptylines %}
{% assign side = false %}
<ul
class=
"navbar-nav{% if include.class %} {{ include.class }}{% endif %}"
>
<ul
class=
"navbar-nav
flex-wrap
{% if include.class %} {{ include.class }}{% endif %}"
>
{% assign current-page = page.menu | default: layout.menu | split: '.' %}
{% for level-1 in site.data.menu %}
...
...
pages/_includes/layout/sidenav.html
浏览文件 @
54071259
{% assign menu = page.menu | default: layout.menu %}
<aside
class=
"sidenav {% if include.class %} {{ include.class }}{% endif %} {% if include.dark %}sidenav-dark bg-dark text-white{% else %}sidenav-light{% endif %}{% if include.fixed %} sidenav-fixed{% endif %}{% if include.right %} sidenav-right{% endif %}{% if include.folded %} sidenav-folded{% endif %} js-sidebar"
id=
"sidebar"
>
{% comment %}
{% unless include.empty %}
{% include layout/sidenav-content.html menu=menu dark=include.dark %}
{% endunless %}
{% endcomment %}
<aside
class=
"layout-menubar {% if include.class %} {{ include.class }}{% endif %} {% if include.dark %}sidenav-dark bg-dark text-white{% else %}sidenav-light{% endif %}{% if include.fixed %} sidenav-fixed{% endif %}{% if include.right %} sidenav-right{% endif %}{% if include.folded %} sidenav-folded{% endif %} js-sidebar"
id=
"sidebar"
>
<div
class=
"container"
>
{% include layout/sidenav-content.html menu=menu dark=include.dark %}
</div>
</aside>
pages/_includes/layout/topmenu.html
浏览文件 @
54071259
<div
class=
"
d-none d-lg-block navbar {% if include.dark %}navbar-dark{% else %}navbar-light{% endif %} navbar-expand-lg
"
>
<div
class=
"
layout-menubar navbar {% if include.dark %}navbar-dark{% else %}navbar-light{% endif %}
"
>
<div
class=
"container"
>
{% include layout/menu.html top=true %}
</div>
...
...
pages/_includes/layout/topnav.html
浏览文件 @
54071259
<header
class=
"navbar navbar-expand-lg {% if include.dark %}navbar-dark bg-dark text-white{% else %}navbar-light{% endif %}{% if include.sticky %} navbar-sticky{% endif %}"
>
<header
class=
"
layout-topnav
navbar navbar-expand-lg {% if include.dark %}navbar-dark bg-dark text-white{% else %}navbar-light{% endif %}{% if include.sticky %} navbar-sticky{% endif %}"
>
<div
class=
"container{% if include.fluid %} container-fluid{% endif %}"
>
{% include parts/navbar.html logo=true search=true user-menu=1 person=1 dark=include.dark notifications=true %}
</div>
...
...
pages/_layouts/default.html
浏览文件 @
54071259
...
...
@@ -2,18 +2,12 @@
layout: base
---
<div
class=
"layout d-flex flex-row h-100p"
>
{% if page.sidenav %}
{% include layout/sidenav.html dark=page.sidenav-dark folded=page.sidenav-folded right=page.sidenav-right class=page.sidenav-class %}
{% endif %}
<div
class=
"layout{% if page.site-layout %} {{ page.site-layout }}{% endif %}"
>
<div
class=
"sidenav-overlay"
data-toggle=
"sidenav"
></div>
{% include layout/topnav.html dark=page.header-dark sticky=page.header-sticky %}
{% include layout/topmenu.html %}
<div
class=
"layout-main d-flex flex-column flex-fill max-w-full"
>
{% unless page.sidenav %}
{% include layout/topnav.html dark=page.header-dark sticky=page.header-sticky %}
{% include layout/topmenu.html %}
{% endunless %}
<div
class=
"layout-main"
>
<main
class=
"container{% if page.container-size %} container-{{ page.container-size }}{% endif %}{% if page.fluid %}-fluid{% endif %} my-4 flex-fill"
>
{% include layout/page-title.html %}
...
...
pages/layout-test.html
浏览文件 @
54071259
---
title: Layout test
sidenav-class: sidenav-expanded-xl sidenav-folded-md
sidenav: true
sidenav-dark: true
site-layout: layout-with-sidebar-lg layout-with-sidebar-folded-md
---
<div
class=
"card"
id=
"card-test"
>
...
...
scss/layout/_core.scss
浏览文件 @
54071259
...
...
@@ -27,11 +27,6 @@ body *:hover::-webkit-scrollbar-thumb {
background
:
$gray-500
;
}
.layout
{
position
:
relative
;
outline
:
1px
solid
red
;
}
/**
Remove the cancel buttons in Chrome and Safari on macOS.
*/
...
...
scss/layout/_layout.scss
0 → 100644
浏览文件 @
54071259
$breakpoints
:
$grid-breakpoints
;
.layout
{
position
:
relative
;
display
:
grid
;
grid-template-columns
:
auto
1fr
;
grid-template-rows
:
auto
;
}
.layout-with-sidebar
{
display
:
none
;
@each
$breakpoint
in
map-keys
(
$breakpoints
)
{
$infix
:
breakpoint-infix
(
$breakpoint
,
$breakpoints
);
@include
media-breakpoint-up
(
$breakpoint
,
$breakpoints
)
{
&
#{
$infix
}
{
.layout-menubar
{
width
:
$sidenav-width
;
grid-column
:
1
;
grid-row
:
1
/
10
;
}
}
&
-folded
#{
$infix
}
{
.layout-menubar
{
width
:
$sidenav-folded-width
;
grid-column
:
1
;
grid-row
:
1
/
10
;
}
}
}
}
}
.layout-topnav
{
grid-column
:
2
/
none
;
}
.layout-menubar
{
grid-column
:
2
;
grid-row
:
2
/
none
;
}
.layout-main
{
grid-column
:
2
;
grid-row
:
4
;
}
scss/layout/_navbar.scss
浏览文件 @
54071259
...
...
@@ -16,6 +16,11 @@ Navbar logo
margin-right
:
-
(
$navbar-padding-x
);
margin-left
:
-
(
$navbar-padding-x
);
.nav-link
{
padding-left
:
$navbar-nav-link-padding-x
;
padding-right
:
$navbar-nav-link-padding-x
;
}
.nav-item.active
.nav-link
{
position
:
relative
;
...
...
scss/layout/_sidenav.scss
浏览文件 @
54071259
...
...
@@ -28,17 +28,22 @@ $breakpoints: $grid-breakpoints;
transform
:
translateX
(
-100%
);
transition
:
.3s
opacity
,
.3s
transform
;
will-change
:
transform
;
width
:
$sidenav-width
;
min-width
:
$sidenav-width
;
&
.sidenav-right
{
left
:
auto
;
right
:
0
;
transform
:
translateX
(
100%
);
}
body
.show-sidenav
&
{
@include
sidenav-visible-common
;
}
}
@mixin
sidenav-visible-common
{
transform
:
translateX
(
0
);
transform
:
translateX
(
0
)
!
important
;
opacity
:
1
;
}
...
...
@@ -47,16 +52,16 @@ $breakpoints: $grid-breakpoints;
width
:
$sidenav-width
;
min-width
:
$sidenav-width
;
&
~
.layout-main
{
padding-left
:
$sidenav-width
;
&
:not
(
.sidenav-right
)
~
.layout-main
{
//
padding-left: $sidenav-width;
}
&
~
.sidenav-overlay
{
display
:
none
!
important
;
&
.sidenav-right
~
.layout-main
{
//padding-right: $sidenav-width
;
}
&
:before
{
content
:
'sidenav'
&
~
.sidenav-overlay
{
display
:
none
!
important
;
}
}
...
...
@@ -65,16 +70,16 @@ $breakpoints: $grid-breakpoints;
width
:
$sidenav-folded-width
;
min-width
:
$sidenav-folded-width
;
&
~
.layout-main
{
padding-left
:
$sidenav-folded-width
;
&
:not
(
.sidenav-right
)
~
.layout-main
{
//
padding-left: $sidenav-folded-width;
}
&
~
.sidenav-overlay
{
display
:
none
!
important
;
&
.sidenav-right
~
.layout-main
{
//padding-right: $sidenav-folded-width
;
}
&
:before
{
content
:
'sidenav-folded'
&
~
.sidenav-overlay
{
display
:
none
!
important
;
}
}
...
...
@@ -103,7 +108,7 @@ Sidebar
/*
Right navbar
*/
&
.
navbar
-right
{
&
.
sidenav
-right
{
order
:
9
;
box-shadow
:
-1px
0
$sidenav-border-color
;
}
...
...
scss/tabler.scss
浏览文件 @
54071259
...
...
@@ -11,6 +11,7 @@
@import
"fonts/webfonts"
;
@import
"layout/core"
;
@import
"layout/layout"
;
@import
"layout/navbar"
;
@import
"layout/sidenav"
;
@import
"layout/page"
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录