Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Footer nav tweaks

This commit is contained in:
Penar Musaraj 2019-04-12 12:29:54 -04:00
parent 55942224ed
commit 51630b5187
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/javascripts/discourse/mixins/mobile-scroll-direction.js.es6
View File

@ -13,6 +13,9 @@ export default Ember.Mixin.create({
if (delta <= MOBILE_SCROLL_TOLERANCE && delta >= -MOBILE_SCROLL_TOLERANCE) if (delta <= MOBILE_SCROLL_TOLERANCE && delta >= -MOBILE_SCROLL_TOLERANCE)
return; return;
// don't calculate when resetting offset (i.e. going to /latest or to next topic in suggested list)
if (offset === 0) return;
const prevDirection = this.mobileScrollDirection; const prevDirection = this.mobileScrollDirection;
const currDirection = delta > 0 ? "down" : null; const currDirection = delta > 0 ? "down" : null;

7
app/assets/stylesheets/common/components/footer-nav.scss
View File

@ -4,11 +4,8 @@
$footer-nav-height: 55px; $footer-nav-height: 55px;
body.with-footer-nav {
padding-bottom: $footer-nav-height + 15;
}
body.footer-nav-visible { body.footer-nav-visible {
padding-bottom: $footer-nav-height + 15;
#topic-progress-wrapper, #topic-progress-wrapper,
#reply-control.draft { #reply-control.draft {
bottom: $footer-nav-height; bottom: $footer-nav-height;
@ -53,6 +50,6 @@ body.footer-nav-visible {
@supports (-webkit-backdrop-filter: blur(10px)) { @supports (-webkit-backdrop-filter: blur(10px)) {
.footer-nav { .footer-nav {
background-color: rgba($header_background, 0.7); background-color: rgba($header_background, 0.7);
-webkit-backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(20px);
} }
} }

2
app/assets/stylesheets/common/foundation/variables.scss
View File

@ -130,7 +130,7 @@ $box-shadow: (
"card": 0 4px 14px rgba(0, 0, 0, 0.15), "card": 0 4px 14px rgba(0, 0, 0, 0.15),
"dropdown": 0 2px 3px 0 rgba(0, 0, 0, 0.2), "dropdown": 0 2px 3px 0 rgba(0, 0, 0, 0.2),
"header": 0 2px 4px -1px rgba(0, 0, 0, 0.25), "header": 0 2px 4px -1px rgba(0, 0, 0, 0.25),
"footer-nav": 0 2px 4px 1px rgba(0, 0, 0, 0.25), "footer-nav": 0 0 2px 0 rgba(0, 0, 0, 0.25),
"kbd": ( "kbd": (
0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(0, 0, 0, 0.2),
0 0 0 1px dark-light-choose(#fff, #000) inset 0 0 0 1px dark-light-choose(#fff, #000) inset