EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

metabox part 2

Browse source
This commit is contained in:
Jana Deutschländer 2017-01-09 16:31:32 +01:00
commit d62df8bdbf
3 changed files with 116 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

3
css/area_content.less
View file

@ -22,10 +22,9 @@
} }
#meta-box{ #meta-box{
display: inline-block; display: inline-block;
height: 2.05rem; min-height: 1.95rem;
max-width: 40%; max-width: 40%;
float: right; float: right;
border: 1px solid transparent;
} }
#plugin__highlightparent{ #plugin__highlightparent{

124
css/area_nav-metabox.less
View file

@ -1,12 +1,18 @@
#meta-box{ #meta-box {
.tab-container {
ul.nav-tabs { display: table;
border-bottom: 1px solid @background_page-header; }
background-color: @background_page-header; .box-content {
position: relative; position: relative;
bottom: -2px; height: 0;
margin: 0; padding: 0; overflow-y: visible;
}
ul.meta-tabs {
border-bottom: 1px solid @color-border;
background-color: @background_page-header;
margin: 0;
padding: 0;
list-style: none; list-style: none;
&::before, &::after { &::before, &::after {
display: table; display: table;
@ -14,43 +20,109 @@
box-sizing: border-box; box-sizing: border-box;
clear: both; clear: both;
} }
>li { > li:first-child{
margin: -1px; > a{
margin-left: 0;
}
}
> li {
margin: 0 -1px -1px;
position: relative; position: relative;
display: inline-block; display: inline-block;
>a { > a {
font-size: .78rem; font-size: .78rem;
margin-right: 2px; margin-left: 4px;
line-height: 1.42857143; line-height: 1.42857143;
position: relative; position: relative;
display: block; display: block;
padding: .5em 2em; padding: .56em 2em;
border: 1px solid transparent; border: 1px solid @color-border;
background-color: @color-site-bg;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
color: @color-nav; color: @color-nav;
.prefix{ cursor: pointer;
font-size: .78rem; * {
color: @color-nav; cursor: pointer;
} }
.num{ .prefix {
font-size: .78rem;
color: @color-nav;
}
.num {
font-size: .56rem; font-size: .56rem;
} }
&:hover, &:focus, &:active{ &:hover, &:focus, &:active {
color: #555; color: @color-link;
cursor: default; background-color: @background_page-header;
background-color: #fff; border-color: @color-border;
border-color: 1px solid @button_background;
border-bottom-color: transparent; border-bottom-color: transparent;
} }
} }
&.active >a{ &.active > a {
color: #555; color: #555;
cursor: default; background-color: @background_page-header;
background-color: #fff;
border-color: transparent; border-color: transparent;
} }
} }
} }
.meta-content {
.tab-pane {
border: 1px solid @color-border;
border-top-color: transparent;
background-color: @background_page-header;
display: none;
position: absolute;
width: 100%;
&.active {
display: block;
}
> div {
padding: .8rem .5rem .5rem;
}
#dw__toc {
width: auto;
float: none;
margin: 0;
padding: .6rem .5rem .5rem .8rem;
background: transparent;
border: 0 none;
h3 {
display: none;
}
> div {
padding: 0;
}
> div ul.toc {
font-size: .78rem;
padding-left: .5em;
a {
font-size: .78rem;
}
li {
}
div.li {
position: relative;
::before {
position: relative;
top: -.2em;
content: "";
display: inline-block;
width: 4px;
height: 4px;
margin-right: .3rem;
background-color: @color-border;
overflow: hidden;
}
padding: .15em 0;
}
}
> div > ul.toc {
padding: 0;
}
}
}
}
} }

28
tpl/nav-meta-box.php
View file

@ -1,17 +1,23 @@
<ul class="nav-tabs"> <div class="tab-container">
<li><a data-toggle="tab" href="#tab1" aria-expanded="false"><span class="prefix">Sitemap</span><span class="num"></span></a></li> <ul class="meta-tabs">
<li><a data-toggle="tab" href="#tab2" aria-expanded="false"><span class="prefix">Jira</span><span class="num"></span></a></li> <!--<li class="active"><a data-toggle="tab" href="#tab1" aria-expanded="true"><span class="prefix">Sitemap</span><span class="num"></span></a></li>-->
<li class="active"><a data-toggle="tab" href="#tab3" aria-expanded="true"><span class="prefix">Tags</span><span class="num"></span></a></li> <li><a data-toggle="tab" href="#tab1" aria-expanded="false"><span class="prefix">Sitemap</span><span class="num"></span></a></li>
</ul> <li><a data-toggle="tab" href="#tab2" aria-expanded="false"><span class="prefix">Tags</span><span class="num"></span></a></li>
<li><a data-toggle="tab" href="#tab3" aria-expanded="false"><span class="prefix">Jira</span><span class="num"></span></a></li>
<div class="tab-content"> </ul>
<div id="tab1" class="tab-pane fade in active">
</div> <div class="meta-content">
<div id="tab2" class="tab-pane fade"> <div class="box-content">
<div id="tab1" class="tab-pane"> <!-- .active -->
<?php tpl_toc(); ?>
</div>
<div id="tab2" class="tab-pane">
</div> </div>
<div id="tab3" class="tab-pane fade"> <div id="tab3" class="tab-pane">
</div>
</div>
</div> </div>
</div> </div>