rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styles: make note flags wrap

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-06-24 14:35:50 -03:00
parent e65861485f
commit 5561ab65ff
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/views/notes/notes-view.pug
View File

@@ -132,7 +132,7 @@
ng-class="{'selected' : self.isNoteSelected(note.uuid) }" ng-class="{'selected' : self.isNoteSelected(note.uuid) }"
ng-click='self.selectNote(note, true)' ng-click='self.selectNote(note, true)'
) )
.note-flags(ng-show='self.noteFlags[note.uuid].length > 0') .note-flags.flex.flex-wrap(ng-show='self.noteFlags[note.uuid].length > 0')
.flag(ng-class='flag.class', ng-repeat='flag in self.noteFlags[note.uuid]') .flag(ng-class='flag.class', ng-repeat='flag in self.noteFlags[note.uuid]')
.label {{flag.text}} .label {{flag.text}}
.name(ng-show='note.title') .name(ng-show='note.title')

2
app/assets/stylesheets/_notes.scss
View File

@@ -169,6 +169,7 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-bottom: 8px; margin-bottom: 8px;
margin-top: -4px;
.flag { .flag {
padding: 4px; padding: 4px;
@@ -176,6 +177,7 @@
padding-right: 6px; padding-right: 6px;
border-radius: var(--sn-stylekit-general-border-radius); border-radius: var(--sn-stylekit-general-border-radius);
margin-right: 4px; margin-right: 4px;
margin-top: 4px;
&.info { &.info {
background-color: var(--sn-stylekit-info-color); background-color: var(--sn-stylekit-info-color);