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

fixes tags cutoff

Browse Source
This commit is contained in:
Mo Bitar
2017-03-10 14:08:08 -06:00
parent f9c01c0488
commit 4d95e6070e
4 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -78,7 +78,7 @@ $heading-height: 75px;
color: rgba(black, 0.23); color: rgba(black, 0.23);
} }
.tags { .editor-tags {
clear: left; clear: left;
width: 100%; width: 100%;
height: 25px; height: 25px;

14
app/assets/stylesheets/app/_tags.scss
View File

@@ -1,5 +1,4 @@
.tags { .tags {
// width: 15%;
flex: 1 10%; flex: 1 10%;
max-width: 180px; max-width: 180px;
min-width: 100px; min-width: 100px;
@@ -65,11 +64,20 @@
> .menu { > .menu {
font-size: 11px; font-size: 11px;
color: $blue-color;
// opacity: 0.5; > .item {
margin-right: 1px;
}
opacity: 0.5;
font-weight: bold;
clear: both; clear: both;
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; margin-bottom: 2px;
&:hover {
opacity: 1.0;
}
} }
$tags-selected-color: #dbdbdb; $tags-selected-color: #dbdbdb;

2
app/assets/templates/frontend/editor.html.haml
View File

@@ -5,7 +5,7 @@
"ng-change" => "ctrl.nameChanged()", "ng-focus" => "ctrl.onNameFocus()", "ng-change" => "ctrl.nameChanged()", "ng-focus" => "ctrl.onNameFocus()",
"select-on-click" => "true"} "select-on-click" => "true"}
.save-status{"ng-class" => "{'red bold': ctrl.saveError}", "ng-bind-html" => "ctrl.noteStatus"} .save-status{"ng-class" => "{'red bold': ctrl.saveError}", "ng-bind-html" => "ctrl.noteStatus"}
.tags .editor-tags
%input.tags-input{"type" => "text", "ng-keyup" => "$event.keyCode == 13 && $event.target.blur();", %input.tags-input{"type" => "text", "ng-keyup" => "$event.keyCode == 13 && $event.target.blur();",
"ng-model" => "ctrl.tagsString", "placeholder" => "#tags", "ng-blur" => "ctrl.updateTagsFromTagsString($event, ctrl.tagsString)"} "ng-model" => "ctrl.tagsString", "placeholder" => "#tags", "ng-blur" => "ctrl.updateTagsFromTagsString($event, ctrl.tagsString)"}
.section-menu{"ng-if" => "ctrl.note"} .section-menu{"ng-if" => "ctrl.note"}

6
app/assets/templates/frontend/tags.html.haml
View File

@@ -18,6 +18,6 @@
"spellcheck" => "false"} "spellcheck" => "false"}
.count {{ctrl.noteCount(tag)}} .count {{ctrl.noteCount(tag)}}
.menu{"ng-if" => "ctrl.selectedTag == tag"} .menu{"ng-if" => "ctrl.selectedTag == tag"}
%a{"ng-click" => "ctrl.selectedRenameTag($event, tag)", "ng-if" => "!ctrl.editingTag"} Rename %a.item{"ng-click" => "ctrl.selectedRenameTag($event, tag)", "ng-if" => "!ctrl.editingTag"} Rename
%a{"ng-click" => "ctrl.saveTag($event, tag)", "ng-if" => "ctrl.editingTag"} Save %a.item{"ng-click" => "ctrl.saveTag($event, tag)", "ng-if" => "ctrl.editingTag"} Save
%a{"ng-click" => "ctrl.selectedDeleteTag(tag)"} Delete %a.item{"ng-click" => "ctrl.selectedDeleteTag(tag)"} Delete