Permalink
Browse files

update mobile slider

  • Loading branch information...
littenli
littenli committed Dec 27, 2016
1 parent 074194f commit fa660ac556dbc85de7f39835a7a944b129ef113b
@@ -4,11 +4,9 @@
<a href="/" class="profilepic">
<img src="<%=theme.avatar%>" class="js-avatar">
</a>
<hgroup>
<h1 class="header-author"><a href="/"><%=theme.author%></a></h1>
</hgroup>
<% if (theme.subtitle){ %>
<p class="header-subtitle"><%=theme.subtitle%></p>
<%}%>

Large diffs are not rendered by default.

Oops, something went wrong.
@@ -4,6 +4,22 @@
var hasAboutme = theme.smart_menu.aboutme
%>
<div class="tools-col" q-class="show:isShow,hide:isShow|isFalse" q-on="click:stop(e)">
<div class="tools-nav header-menu">
<% var count = 0%>
<% for (var i in theme.smart_menu){ %>
<% count++ %>
<% } %>
<% var ulWidth = count > 2 ? '70%' : '50%' %>
<ul style="width: <%= ulWidth %>">
<% var divide = 100 / count + '%' %>
<% for (var i in theme.smart_menu){ %>
<% if(theme.smart_menu[i]){ %>
<li style="width: <%= divide %>" q-on="click: openSlider(e, '<%-i%>')"><a href="javascript:void(0)"><%= theme.smart_menu[i] %></a></li>
<% } %>
<%}%>
</ul>
</div>
<div class="tools-wrap">
<%if(hasInnerArchive){%>
<section class="tools-section tools-section-all" q-show="innerArchive">
@@ -24,6 +24,9 @@ html, body, #container {
.tools-col {
left: -300px;
width: 300px;
.tools-wrap {
padding-top: 30px;
}
.tools-wrap, .tools-section {
width: 300px;
.search-wrap {
@@ -295,42 +298,57 @@ html, body, #container {
position: relative;
z-index: 100;
}
.header-menu{
height: auto;
margin: 10px 0 20px;
ul{
text-align: center;
cursor: default;
display: flex;
margin: 0 auto;
align-items: center;
justify-content: space-around;
position: relative;
z-index: 1;
border: 1px solid #a0a0a0;
border-radius: 3px;
}
li{
border-left: 1px solid #a0a0a0;
&:first-child {
border-left: 0;
}
&:last-child {
border-right: 0;
}
a {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
color: #a0a0a0;
&.active {
color: #eaeaea;
background: #a0a0a0;
}
}
}
}
}
}
.header-menu{
height: auto;
margin: 10px 0 20px;
&.tools-nav {
display: block;
position: fixed;
width: 100%;
ul {
margin-right: 28px;
}
ul, li {
border-color: #fff;
a {
color: #fff;
}
}
}
ul{
text-align: center;
cursor: default;
display: flex;
margin: 0 auto;
align-items: center;
justify-content: space-around;
position: relative;
z-index: 1;
border: 1px solid #a0a0a0;
border-radius: 3px;
}
li{
border-left: 1px solid #a0a0a0;
&:first-child {
border-left: 0;
}
&:last-child {
border-right: 0;
}
a {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
color: #a0a0a0;
&.active {
color: #eaeaea;
background: #a0a0a0;
}
}
}
}
@@ -17,6 +17,9 @@
&.hide {
@extend %anmSmallLeftOut;
}
.tools-nav {
display: none;
}
.tools-wrap, .tools-section{
height: 100%;
color: #e5e5e5;

Large diffs are not rendered by default.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.

0 comments on commit fa660ac

Please sign in to comment.