alberanid/ibt2
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

#17: fix expansion/collapse of group notes

Browse source
This commit is contained in:
Davide Alberani 2017-01-28 11:40:14 +01:00
parent 99ca2ab005
commit 9e74d6a1d9
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/Group.vue
View file

@ -21,7 +21,7 @@
</md-layout> </md-layout>
<md-layout v-if="group.notes" md-row> <md-layout v-if="group.notes" md-row>
<md-tooltip md-direction="top">click to expande/collapse notes</md-tooltip> <md-tooltip md-direction="top">click to expande/collapse notes</md-tooltip>
<div ref="groupNotes" class="group-notes" @click="toggleNotes()"><vue-markdown :source="group.notes" :break="false"></vue-markdown></div> <vue-markdown ref="groupNotes" @click.native="toggleNotes()" class="group-notes" :source="group.notes" :break="false"></vue-markdown>
</md-layout> </md-layout>
</md-card-header> </md-card-header>
<md-card-content class="group-card"> <md-card-content class="group-card">
@ -188,12 +188,12 @@ export default {
toggleNotes() { toggleNotes() {
if (!this.expandedNote) { if (!this.expandedNote) {
$(this.$refs.groupNotes).css('text-overflow', 'initial'); $(this.$refs.groupNotes.$el).find('p').css('text-overflow', 'initial');
$(this.$refs.groupNotes).css('white-space', 'initial'); $(this.$refs.groupNotes.$el).find('p').css('white-space', 'initial');
this.expandedNote = true; this.expandedNote = true;
} else { } else {
$(this.$refs.groupNotes).css('text-overflow', 'ellipsis'); $(this.$refs.groupNotes.$el).find('p').css('text-overflow', 'ellipsis');
$(this.$refs.groupNotes).css('white-space', 'nowrap'); $(this.$refs.groupNotes.$el).find('p').css('white-space', 'nowrap');
this.expandedNote = false; this.expandedNote = false;
} }
} }
@ -260,7 +260,7 @@ export default {
max-width: 120px; max-width: 120px;
} }
.group-notes { .group-notes > p {
font-style: italic; font-style: italic;
padding-left: 30px; padding-left: 30px;
text-overflow: ellipsis; text-overflow: ellipsis;