Autohide tags and notes scrollbar

This commit is contained in:
Mo Bitar
2018-02-27 14:29:40 -06:00
parent 76b37d7d53
commit 92b0dd7db0
3 changed files with 35 additions and 19 deletions

View File

@@ -85,6 +85,14 @@
.infinite-scroll { .infinite-scroll {
overflow-x: hidden; overflow-x: hidden;
height: inherit; height: inherit;
// Autohide scrollbar on Windows.
// Unfortunately must affect every platform since no way to hide just for Windows.
overflow-y: hidden;
&:hover {
overflow-y: scroll;
}
} }
.note { .note {

View File

@@ -36,6 +36,13 @@
.infinite-scroll { .infinite-scroll {
overflow-x: hidden; overflow-x: hidden;
height: inherit; height: inherit;
// Autohide scrollbar on Windows.
// Unfortunately must affect every platform since no way to hide just for Windows.
overflow-y: hidden;
&:hover {
overflow-y: scroll;
}
} }
.tag { .tag {

View File

@@ -10,6 +10,7 @@
.add-button#tag-add-button{"ng-click" => "ctrl.clickedAddNewTag()"} + .add-button#tag-add-button{"ng-click" => "ctrl.clickedAddNewTag()"} +
.scrollable .scrollable
.infinite-scroll
.tag{"ng-if" => "ctrl.allTag", "ng-click" => "ctrl.selectTag(ctrl.allTag)", "ng-class" => "{'selected' : ctrl.selectedTag == ctrl.allTag}"} .tag{"ng-if" => "ctrl.allTag", "ng-click" => "ctrl.selectTag(ctrl.allTag)", "ng-class" => "{'selected' : ctrl.selectedTag == ctrl.allTag}"}
.info .info
%input.title{"ng-disabled" => "true", "ng-model" => "ctrl.allTag.title"} %input.title{"ng-disabled" => "true", "ng-model" => "ctrl.allTag.title"}