Netsyms/PackageHelper
2
0
Fork 1
Code Issues 9 Pull Requests Releases 12 Wiki Activity

Fix padding

Browse Source
This commit is contained in:
Skylar Ittner 2020-01-10 01:20:59 -07:00
parent c5efd7c3e7
commit b587281315
3 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
www/assets/css/app.css
View File

@ -19,6 +19,10 @@ Framework7 and FontAwesome both have a .fab class
line-height: var(--f7-line-height); line-height: var(--f7-line-height);
} }
.page-content-fab-pad {
padding-bottom: var(--f7-fab-size);
}
/* /*
* Material icons are too big and disrupt the flow of text * Material icons are too big and disrupt the flow of text
*/ */

14
www/pages/myroute.html
View File

@ -16,7 +16,13 @@
</div> </div>
</div> </div>
<div class="page-content"> <div class="fab fab-right-bottom">
<a href="/myroute/addnote">
<i class="icon material-icons">add</i>
</a>
</div>
<div class="page-content page-content-fab-pad">
<div class="block-title">Notes</div> <div class="block-title">Notes</div>
{{#if notes}} {{#if notes}}
<div class="list accordion-list"> <div class="list accordion-list">
@ -56,11 +62,5 @@
<div class="margin-top">Press <i class="material-icons">add</i> to add a note.</div> <div class="margin-top">Press <i class="material-icons">add</i> to add a note.</div>
</div> </div>
{{/if}} {{/if}}
<div class="fab fab-right-bottom">
<a href="/myroute/addnote">
<i class="icon material-icons">add</i>
</a>
</div>
</div> </div>
</div> </div>

2
www/pages/myroute/editnote.html
View File

@ -23,7 +23,7 @@
</a> </a>
</div> </div>
<div class="page-content" style="padding-bottom: 2.5rem;"> <div class="page-content page-content-fab-pad">
<div class="list no-margin-top no-hairlines"> <div class="list no-margin-top no-hairlines">
<ul> <ul>