1
0
mirror of https://github.com/taigrr/wtf synced 2025-01-18 04:03:14 -08:00

Close #91. Site sidebar is now scrollable with main content.

This commit is contained in:
Chris Cummer 2018-05-31 21:49:10 -07:00
parent 70b56c314b
commit f86179b74e
31 changed files with 53 additions and 43 deletions

View File

@ -1,5 +1,5 @@
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<!--<a href="{{ .Site.BaseURL }}"><h1 class="brand">{{ .Site.Title }}</h1></a>-->
<a href="{{ .Site.BaseURL }}">{{ with .Site.Params.authorimage }} <img src="{{.}}" alt="WFT Logo" class="" width=""> {{ end }}</a>

View File

@ -1,5 +1,4 @@
html,
body
html, body
{
font-family: 'Fira Sans', sans-serif;
font-size: 18px;
@ -7,6 +6,10 @@ body
line-height: 1.5;
}
.clear {
clear: both;
}
.img-circle
{
border-radius: 50%;
@ -46,7 +49,7 @@ pre
.hljs {
white-space: pre;
overflow-x: auto; /* no line wrapping */
}
@ -67,7 +70,7 @@ code {
font-family: 'Roboto Mono', monospace;
font-size: 90%;
}
.copyright,
.copyright,
.poweredby
{
font-size: 13px;

View File

@ -34,13 +34,14 @@
html {
font-family: 'Fira Sans', 'Helvetica Neue', 'Arial', sans-serif;
font-weight:300;
}
@media (min-width: 48em) {
html {
font-size: 16px;
}
}
@media (min-width: 58em) {
html {
font-size: 20px;
@ -63,13 +64,14 @@ pre {
padding: 2rem 1rem;
color: rgba(255,255,255,.5);
background-color: #300030;
height: 100%;
float: left;
}
@media (min-width: 48em) {
.sidebar {
position: fixed;
position: relative;
top: 0;
left: 0;
bottom: 0;
width: 18rem;
text-align: left;
}
@ -167,7 +169,7 @@ a.sidebar-nav-item:focus {
display:inline;
vertical-align: bottom;
}
.badges {
float: right;
}

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -42,7 +42,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -1,5 +1,4 @@
html,
body
html, body
{
font-family: 'Fira Sans', sans-serif;
font-size: 18px;
@ -7,6 +6,10 @@ body
line-height: 1.5;
}
.clear {
clear: both;
}
.img-circle
{
border-radius: 50%;
@ -46,7 +49,7 @@ pre
.hljs {
white-space: pre;
overflow-x: auto; /* no line wrapping */
}
@ -67,7 +70,7 @@ code {
font-family: 'Roboto Mono', monospace;
font-size: 90%;
}
.copyright,
.copyright,
.poweredby
{
font-size: 13px;

View File

@ -34,13 +34,14 @@
html {
font-family: 'Fira Sans', 'Helvetica Neue', 'Arial', sans-serif;
font-weight:300;
}
@media (min-width: 48em) {
html {
font-size: 16px;
}
}
@media (min-width: 58em) {
html {
font-size: 20px;
@ -63,13 +64,14 @@ pre {
padding: 2rem 1rem;
color: rgba(255,255,255,.5);
background-color: #300030;
height: 100%;
float: left;
}
@media (min-width: 48em) {
.sidebar {
position: fixed;
position: relative;
top: 0;
left: 0;
bottom: 0;
width: 18rem;
text-align: left;
}
@ -167,7 +169,7 @@ a.sidebar-nav-item:focus {
display:inline;
vertical-align: bottom;
}
.badges {
float: right;
}

View File

@ -41,7 +41,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -42,7 +42,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -40,7 +40,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>

View File

@ -42,7 +42,7 @@
</head>
<body>
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="container">
<div class="sidebar-about text-center">
<a href="https://wtfutil.com/"> <img src="/img/wtf.png" alt="WFT Logo" class="" width=""> </a>