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