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

tags css

Browse Source
This commit is contained in:
Mo Bitar
2017-01-31 11:32:09 -06:00
parent 293fee47cd
commit 22c678497d
3 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,5 @@
.notes { .notes {
width: 25%; width: 25%;
max-width: 25%;
border-left: 1px solid #dddddd; border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd; border-right: 1px solid #dddddd;

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

@@ -1,10 +1,11 @@
.tags { .tags {
width: 15%; width: 15%;
$tags-title-bar-height: 55px;
.tags-title-bar { .tags-title-bar {
color: black; color: black;
height: 55px !important; height: $tags-title-bar-height !important;
padding-left: 12px !important; padding-left: 12px !important;
padding-right: 12px !important; padding-right: 12px !important;
font-size: 12px !important; font-size: 12px !important;
@@ -25,6 +26,10 @@
} }
} }
.scrollable {
height: calc(100vh - (#{$tags-title-bar-height} + #{$header-height}));
}
.tag { .tag {
height: 30px; height: 30px;
padding: 5px 12px; padding: 5px 12px;

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

@@ -4,14 +4,15 @@
.title Tags .title Tags
.add-button.tag-add-button{"ng-click" => "ctrl.clickedAddNewTag()"} + .add-button.tag-add-button{"ng-click" => "ctrl.clickedAddNewTag()"} +
{{ctrl.test}} {{ctrl.test}}
.tag{"ng-if" => "ctrl.allTag", "ng-click" => "ctrl.selectTag(ctrl.allTag)", "ng-class" => "{'selected' : ctrl.selectedTag == ctrl.allTag}"}
%input.title{"ng-disabled" => "true", "ng-model" => "ctrl.allTag.title"}
.count {{ctrl.noteCount(ctrl.allTag)}}
.tag{"ng-repeat" => "tag in ctrl.tags", "ng-click" => "ctrl.selectTag(tag)", "ng-class" => "{'selected' : ctrl.selectedTag == tag}", .scrollable
"droppable" => true, "drop" => "ctrl.handleDrop", "tag" => "tag"} .tag{"ng-if" => "ctrl.allTag", "ng-click" => "ctrl.selectTag(ctrl.allTag)", "ng-class" => "{'selected' : ctrl.selectedTag == ctrl.allTag}"}
%input.title{"ng-disabled" => "true", "ng-model" => "ctrl.allTag.title"}
.count {{ctrl.noteCount(ctrl.allTag)}}
.tag{"ng-repeat" => "tag in ctrl.tags", "ng-click" => "ctrl.selectTag(tag)", "ng-class" => "{'selected' : ctrl.selectedTag == tag}",
"droppable" => true, "drop" => "ctrl.handleDrop", "tag" => "tag"}
%input.title{"ng-disabled" => "tag != ctrl.selectedTag", "ng-model" => "tag.title", %input.title{"ng-disabled" => "tag != ctrl.selectedTag", "ng-model" => "tag.title",
"ng-keyup" => "$event.keyCode == 13 && ctrl.saveTag($event, tag)", "mb-autofocus" => "true", "should-focus" => "ctrl.newTag", "ng-keyup" => "$event.keyCode == 13 && ctrl.saveTag($event, tag)", "mb-autofocus" => "true", "should-focus" => "ctrl.newTag",
"ng-change" => "ctrl.tagTitleDidChange(tag)", "ng-focus" => "ctrl.onTagTitleFocus(tag)", "ng-blur" => "ctrl.saveTag($event, tag)"} "ng-change" => "ctrl.tagTitleDidChange(tag)", "ng-focus" => "ctrl.onTagTitleFocus(tag)", "ng-blur" => "ctrl.saveTag($event, tag)"}
.count {{ctrl.noteCount(tag)}} .count {{ctrl.noteCount(tag)}}