mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-20 11:45:50 +00:00
[FIX] better scrollbar/footer interactions
This commit is contained in:
@@ -62,8 +62,13 @@ body .content-root {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-top: 50px;
|
||||
margin-bottom: 181px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.menubar.fixed.leaveroomforfooter {
|
||||
margin-bottom: 183px;
|
||||
}
|
||||
|
||||
.header-subnav li a:active {
|
||||
color: #f09 !important;
|
||||
}
|
||||
@@ -78,7 +83,7 @@ color: #f09 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
@media (min-width: 720px) {
|
||||
.menubar {
|
||||
right: 794px;
|
||||
}
|
||||
@@ -173,7 +178,7 @@ color: #f09 !important;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: 720px) {
|
||||
|
||||
.right {
|
||||
float: left;
|
||||
|
||||
@@ -66,9 +66,9 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
|
||||
fetcher: Flatdoc.file('gatewayd.md')
|
||||
});
|
||||
</script>
|
||||
<!-- Temporary shims until I modify the css directly -->
|
||||
<link type='text/css' rel='stylesheet' href='css/mod.css' />
|
||||
<script src='js/expandcode.js'></script>
|
||||
<script src="js/fixsidebarscroll.js"></script>
|
||||
|
||||
</head>
|
||||
<body role='flatdoc' class='no-literate'>
|
||||
|
||||
7
js/fixsidebarscroll.js
Normal file
7
js/fixsidebarscroll.js
Normal file
@@ -0,0 +1,7 @@
|
||||
$(window).scroll(function() {
|
||||
if($(window).scrollTop() + $(window).height() > $(document).height() - 183) {
|
||||
$(".menubar.fixed").addClass("leaveroomforfooter");
|
||||
} else {
|
||||
$(".menubar.fixed").removeClass("leaveroomforfooter");
|
||||
}
|
||||
});
|
||||
@@ -67,8 +67,8 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
|
||||
fetcher: Flatdoc.file('ripplerest_api.md')
|
||||
});
|
||||
</script>
|
||||
<!-- Temporary shims until I modify the css directly -->
|
||||
<link type='text/css' rel='stylesheet' href='css/mod.css' />
|
||||
<script src="js/fixsidebarscroll.js"></script>
|
||||
<script src='js/expandcode.js'></script>
|
||||
|
||||
</head>
|
||||
|
||||
@@ -15,8 +15,8 @@
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||
|
||||
<!-- Flatdoc -->
|
||||
<!-- <script src="https://dev.ripple.com/vendor/flatdoc/v/0.8.0/legacy.js"></script>
|
||||
<script src="https://dev.ripple.com/vendor/flatdoc/v/0.8.0/flatdoc.js"></script>-->
|
||||
<script src="https://dev.ripple.com/vendor/flatdoc/v/0.8.0/legacy.js"></script>
|
||||
<script src="https://dev.ripple.com/vendor/flatdoc/v/0.8.0/flatdoc.js"></script>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
|
||||
@@ -73,9 +73,9 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
|
||||
fetcher: Flatdoc.file('websocket_api.md')
|
||||
});
|
||||
</script>-->
|
||||
<!-- Temporary shims until I modify the css directly -->
|
||||
<link href="css/mod.css" rel="stylesheet" type="text/css">
|
||||
<script src="js/expandcode.js"></script>
|
||||
<script src="js/fixsidebarscroll.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="no-literate" role="flatdoc">
|
||||
|
||||
@@ -69,6 +69,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
|
||||
</script>
|
||||
<link type='text/css' rel='stylesheet' href='css/mod.css' />
|
||||
<script src='js/expandcode.js'></script>
|
||||
<script src="js/fixsidebarscroll.js"></script>
|
||||
|
||||
</head>
|
||||
<body role='flatdoc' class='no-literate'>
|
||||
|
||||
4
vendor/flatdoc/v/0.8.0/theme-white/style.css
vendored
4
vendor/flatdoc/v/0.8.0/theme-white/style.css
vendored
@@ -685,12 +685,12 @@ a.big.button:hover:visited {
|
||||
border-bottom: solid 1px #dfe2e7;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) /* Mobile and tablet */ {
|
||||
@media (max-width: 990px) /* Mobile and tablet */ {
|
||||
.menubar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) /* Desktop */ {
|
||||
@media (min-width: 990px) /* Desktop */ {
|
||||
.content-root {
|
||||
padding-left: 230px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user