Commit 204b3c12 authored by Dmitriy Zaporozhets's avatar Dmitriy Zaporozhets

Fix anchor issue with fixed navbar

When use anchors - conetent gets hidden under navbar. This commit fixes
with hack using margin+height combination
parent ff7f4a13
...@@ -20,6 +20,17 @@ ...@@ -20,6 +20,17 @@
margin-bottom: 10px; margin-bottom: 10px;
clear: both; clear: both;
/* Hack for anchors and fixed navbar */
&[id] {
&:before {
content: '';
display: block;
position: relative;
width: 0;
height: 3em;
margin-top: -3em;
}
}
&:target { &:target {
.timeline-entry-inner .timeline-content { .timeline-entry-inner .timeline-content {
......
...@@ -98,8 +98,7 @@ a:focus { ...@@ -98,8 +98,7 @@ a:focus {
$size: 16px; $size: 16px;
position: absolute; position: absolute;
right: 100%; right: 100%;
top: 50%; bottom: 7px;
margin-top: -$size/2;
margin-right: 0px; margin-right: 0px;
padding-right: 20px; padding-right: 20px;
display: inline-block; display: inline-block;
...@@ -109,6 +108,18 @@ a:focus { ...@@ -109,6 +108,18 @@ a:focus {
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
/* Hack for anchors and fixed navbar */
&[id] {
&:before {
content: '';
display: block;
position: relative;
width: 0;
height: 3em;
margin-top: -3em;
}
}
} }
ul { ul {
......
...@@ -12,4 +12,3 @@ html { ...@@ -12,4 +12,3 @@ html {
.container .content { .container .content {
margin: 0 0; margin: 0 0;
} }
...@@ -65,8 +65,10 @@ ...@@ -65,8 +65,10 @@
max-width: 100%; max-width: 100%;
} }
*:first-child { h1, h2, h3 {
margin-top: 0; &:first-child {
margin-top: 0;
}
} }
code { padding: 0 4px; } code { padding: 0 4px; }
......
...@@ -8,8 +8,6 @@ header { ...@@ -8,8 +8,6 @@ header {
margin-bottom: 0; margin-bottom: 0;
min-height: 40px; min-height: 40px;
border: none; border: none;
position: fixed;
top: 0;
width: 100%; width: 100%;
.navbar-inner { .navbar-inner {
......
...@@ -57,6 +57,7 @@ ul.notes { ...@@ -57,6 +57,7 @@ ul.notes {
.note { .note {
display: block; display: block;
position:relative; position:relative;
.attachment { .attachment {
font-size: 14px; font-size: 14px;
} }
......
%header.navbar.navbar-static-top.navbar-gitlab %header.navbar.navbar-fixed-top.navbar-gitlab
.navbar-inner .navbar-inner
.container .container
%div.app_logo %div.app_logo
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment