xaoxuu
/
hexo-theme-stellar
mirror of https://github.com/xaoxuu/hexo-theme-stellar
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

sidebar

This commit is contained in:
xaoxuu 2021-07-03 20:49:52 +08:00
parent 49ddbefad4
commit 749c1af54c
7 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
layout/_partial/sidebar/logo.ejs
View File

@ -14,7 +14,7 @@ function layoutDiv() {
el += '<div class="logo-wrap wiki">'; el += '<div class="logo-wrap wiki">';
// all products // all products
el += '<a style="filter: grayscale(100%)" class="wiki-home cap" href="' + url_for(config.wiki_dir) + '">'; el += '<a style="filter: grayscale(100%)" class="wiki-home cap" href="' + url_for(config.wiki_dir) + '">';
el += '<img src="https://cdn.jsdelivr.net/gh/cdn-x/placeholder@1.0.1/arrow/f049bbd4e88ec.svg"/>'; el += '<svg aria-hidden="true" viewBox="0 0 16 16" width="1rem" height="1rem" fill="currentColor"><path fill-rule="evenodd" d="M7.78 12.53a.75.75 0 01-1.06 0L2.47 8.28a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 1.06L4.81 7h7.44a.75.75 0 010 1.5H4.81l2.97 2.97a.75.75 0 010 1.06z"></path></svg>';
el += __('btn.all_wiki'); el += __('btn.all_wiki');
el += '</a>'; el += '</a>';
// this product // this product
@ -48,4 +48,4 @@ function layoutDiv() {
} }
%> %>
<%- layoutDiv() %> <%- layoutDiv() %>

2
layout/_partial/sidebar/widgets/markdown.ejs
View File

@ -1,5 +1,5 @@
<div class='widget-wrap' id='markdown'> <div class='widget-wrap' id='markdown'>
<div class='widget-header h4 dis-select'> <div class='widget-header cap dis-select'>
<span class='name'><%- item.title %></span> <span class='name'><%- item.title %></span>
</div> </div>
<div class='widget-body fs14'> <div class='widget-body fs14'>

2
layout/_partial/sidebar/widgets/recent.ejs
View File

@ -2,7 +2,7 @@
function layoutDiv() { function layoutDiv() {
var el = '<div class="widget-wrap" id="recent">'; var el = '<div class="widget-wrap" id="recent">';
// header // header
el += '<div class="widget-header h4 dis-select">'; el += '<div class="widget-header cap dis-select">';
el += '<span class="name">' + __("meta.recent_update") + '</span>'; el += '<span class="name">' + __("meta.recent_update") + '</span>';
if (item.rss) { if (item.rss) {
el += '<a class="cap-action" id="rss" title="Subscribe" href="' + item.rss + '">'; el += '<a class="cap-action" id="rss" title="Subscribe" href="' + item.rss + '">';

2
layout/_partial/sidebar/widgets/toc.ejs
View File

@ -24,7 +24,7 @@ function layoutDiv(fallback) {
var el = ''; var el = '';
if (t.length > 0) { if (t.length > 0) {
el += '<div class="widget-wrap" id="toc">'; el += '<div class="widget-wrap" id="toc">';
el += '<div class="widget-header h4 dis-select">'; el += '<div class="widget-header cap dis-select">';
if (page.toc_title) { if (page.toc_title) {
el += '<span class="name">' + page.toc_title + '</span>'; el += '<span class="name">' + page.toc_title + '</span>';
} else if (t == 'wiki') { } else if (t == 'wiki') {

2
layout/_partial/sidebar/widgets/wiki_more.ejs
View File

@ -14,7 +14,7 @@ function layoutDiv() {
} }
var el = ''; var el = '';
el += '<div class="widget-wrap" id="related">'; el += '<div class="widget-wrap" id="related">';
el += '<div class="widget-header h4 dis-select">'; el += '<div class="widget-header cap dis-select">';
el += '<span class="name">更多' + current_group.title + '</span>'; el += '<span class="name">更多' + current_group.title + '</span>';
el += '</div>'; el += '</div>';
el += '<div class="widget-body fs14">'; el += '<div class="widget-body fs14">';

2
layout/layout.ejs
View File

@ -4,7 +4,7 @@
<body> <body>
<%- partial('_partial/main/article/wiki_cover') %> <%- partial('_partial/main/article/wiki_cover') %>
<div class='l_body' id='start'> <div class='l_body' id='start'>
<aside class='l_left'> <aside class='l_left' layout='<%- page.layout %>'>
<%- partial('_partial/sidebar/index') %> <%- partial('_partial/sidebar/index') %>
</aside> </aside>
<div class='l_main<%- page.content ? "" : " list" %>'> <div class='l_main<%- page.content ? "" : " list" %>'>

22
source/css/_layout/sidebar/sidebar.styl
View File

@ -26,7 +26,7 @@
border-radius: 50px border-radius: 50px
overflow: hidden overflow: hidden
margin-right: 1rem margin-right: 1rem
div.bg div.bg
width: 100% width: 100%
height: 100% height: 100%
background-size: cover background-size: cover
@ -65,15 +65,16 @@
color: inherit color: inherit
line-height: 1; line-height: 1;
font-family: $ff-logo font-family: $ff-logo
.logo-wrap.wiki .logo-wrap.wiki
margin: 1rem 0 1.5rem 0
flex-direction: column flex-direction: column
align-items: flex-start align-items: flex-start
a.wiki-home a.wiki-home
margin-bottom: .5rem margin-bottom: .75rem
color: var(--text-p2) color: var(--text-p2)
img img
height: .9em height: .9em
margin-right: .5rem margin-right: .5rem
&:hover &:hover
@ -120,10 +121,9 @@ nav.menu
scrollbar(0, 0) scrollbar(0, 0)
z-index: 1 z-index: 1
.widget-wrap .widget-wrap
margin: 1rem 0 2rem 0 margin: 1rem 0 3rem 0
.widget-header .widget-header
display: flex display: flex
color: var(--text-meta)
justify-content: space-between justify-content: space-between
align-items: center align-items: center
font-weight: 500 font-weight: 500
@ -149,7 +149,7 @@ nav.menu
.widget-body .widget-body
margin: 0.5rem 0 margin: 0.5rem 0
color: var(--text-p2) color: var(--text-p1)
p p
margin-top: 0.5em margin-top: 0.5em
margin-bottom: 0.5em margin-bottom: 0.5em
@ -178,7 +178,7 @@ nav.menu
&:hover &:hover
color: $color-hover color: $color-hover
background: var(--card) background: var(--card)
&.wiki &.wiki
font-weight: 700 font-weight: 700
div.excerpt div.excerpt
margin-top: .5rem margin-top: .5rem
@ -190,3 +190,9 @@ nav.menu
overflow: hidden overflow: hidden
-webkit-line-clamp: 3 -webkit-line-clamp: 3
.l_left[layout='wiki'] .widgets
margin-top: 0
.widget-wrap#toc
margin-top: 0
.widget-body
margin-top: 0