data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

fix: fix pencil button location with bottom nav (#2222)

Browse source
This commit is contained in:
Nolan Lawson 2022-11-21 18:53:25 -08:00 committed by GitHub
parent fdec7b2b3d
commit 347dab4e29
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/build/template.html
View file

@ -39,6 +39,7 @@
--main-content-pad-top: 0px; --main-content-pad-top: 0px;
--main-content-pad-bottom: var(--main-content-pad-vertical); --main-content-pad-bottom: var(--main-content-pad-vertical);
--toast-gap-bottom: var(--nav-total-height); --toast-gap-bottom: var(--nav-total-height);
--fab-gap-top: 0px;
} }
</style> </style>

2
src/routes/_components/compose/ComposeStickyButton.html
View file

@ -25,7 +25,7 @@
:global(.compose-box-button-sticky, .compose-box-button-fixed) { :global(.compose-box-button-sticky, .compose-box-button-fixed) {
z-index: 5000; z-index: 5000;
top: calc(var(--nav-total-height)); top: calc(var(--fab-gap-top));
} }
</style> </style>
<script> <script>

1
src/scss/variables.scss
View file

@ -66,6 +66,7 @@
--nav-top: 0px; --nav-top: 0px;
--nav-bottom: initial; --nav-bottom: initial;
--toast-gap-bottom: 0px; // used to position the Toast and Snackbar above the bottom nav --toast-gap-bottom: 0px; // used to position the Toast and Snackbar above the bottom nav
--fab-gap-top: var(--nav-total-height); // used to position the FAB (floating action button) below the top nav
// //
// focus outline // focus outline