5/15/15 - Text Overflow and Icon Fonts

Today I set up an icon font called Font Awesome, and worked on getting text overflow to work (which was harder than it seems, because you apparently need both overflow and text-overflow). My css ended up as

.note_title {
    /* ... */
    overflow: hidden;
    text-overflow: ellipsis;
}

 

The icon font was also super easy to set up.  I just added the font-awesome folder to my css/ and added a <link> tag. Then I can do something like <i class="fa fa-pencil"></i> which renders as the pencil icon on the header.

Tomorrow I will get the delete button to actually delete notes.