New note button styling

This commit is contained in:
Matias De lellis
2016-09-30 20:32:42 -03:00
parent 499f7c7af4
commit 79f7ca454b
2 changed files with 19 additions and 1 deletions

View File

@@ -2,6 +2,22 @@
height: 100%; height: 100%;
} }
#new-note {
width: 100%;
padding: 10px;
padding-left: 34px;
background-position: 10px center;
text-align: left;
margin: 0;
}
#new-note-fixed {
z-index: 111; /* navigation menu is 110 ;-) */
background-color: rgba(255, 255, 255, .75);
padding: 10px;
position: relative;
}
.quicknote { .quicknote {
min-height: 150px; min-height: 150px;
width: 250px; width: 250px;

View File

@@ -2,7 +2,9 @@
<div style="display:none" id="new-note-string"><?php p($l->t('New note')); ?></div> <div style="display:none" id="new-note-string"><?php p($l->t('New note')); ?></div>
<script id="navigation-tpl" type="text/x-handlebars-template"> <script id="navigation-tpl" type="text/x-handlebars-template">
<li id="new-note"><a href="#" class="icon-add svg"><?php p($l->t('New note')); ?></a></li> <div id="new-note-fixed">
<div><button type="button" id="new-note" class="icon-add"><?php p($l->t('New note'));?></button></div>
</div>
<li id="all-notes"><a href="#" class="icon-home svg"><?php p($l->t('All notes')); ?></a></li> <li id="all-notes"><a href="#" class="icon-home svg"><?php p($l->t('All notes')); ?></a></li>
<li id="shared-with-you"><a href="#" class="icon-share svg"><?php p($l->t('Shared with you')); ?></a></li> <li id="shared-with-you"><a href="#" class="icon-share svg"><?php p($l->t('Shared with you')); ?></a></li>
<li id="shared-by-you"><a href="#" class="icon-share svg"><?php p($l->t('Shared with others')); ?></a></li> <li id="shared-by-you"><a href="#" class="icon-share svg"><?php p($l->t('Shared with others')); ?></a></li>