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

Improve styles

Browse Source
This commit is contained in:
Mo Bitar
2019-05-30 17:20:37 -05:00
parent 7063816adb
commit 04a916e5a3
10 changed files with 564 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/app/constants.js
View File

@@ -1,5 +1,5 @@
angular.module('app')
.constant('appVersion', '3.0.10')
.constant('appVersion', '3.0.10-beta1')
;

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

@@ -6,12 +6,13 @@ $heading-height: 75px;
}
}
.editor {
.section.editor {
flex: 1 50%;
display: flex;
flex-direction: column;
overflow-y: hidden;
background-color: var(--sn-stylekit-background-color);
background-color: var(--sn-stylekit-editor-background-color);
color: var(--sn-stylekit-editor-foreground-color);
}
#editor-title-bar {
@@ -43,10 +44,10 @@ $heading-height: 75px;
border: none;
outline: none;
background-color: transparent;
color: var(--sn-stylekit-foreground-color);
color: var(--sn-stylekit-editor-foreground-color);
&:disabled {
color: var(--sn-stylekit-foreground-color);
color: var(--sn-stylekit-editor-foreground-color);
}
}
@@ -122,8 +123,8 @@ $heading-height: 75px;
font-family: monospace;
overflow-y: scroll;
width: 100%;
background-color: var(--sn-stylekit-background-color);
color: var(--sn-stylekit-foreground-color);
background-color: var(--sn-stylekit-editor-background-color);
color: var(--sn-stylekit-editor-foreground-color);
border: none;
outline: none;

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

@@ -34,21 +34,24 @@
margin-top: 14px;
}
#notes-options-menu {
margin-left: 10px;
}
.filter-section {
clear: left;
height: 29px;
height: 28px;
margin-top: 14px;
position: relative;
.filter-bar {
background-color: var(--sn-stylekit-contrast-background-color);
border-radius: 4px;
border-radius: var(--sn-stylekit-general-border-radius);
height: 100%;
color: #909090;
text-align: center;
font-weight: normal;
font-size: var(--sn-stylekit-font-size-h3);
line-height: 35px;
border: none;
width: 100%;
@@ -156,7 +159,7 @@
padding: 4px;
padding-left: 6px;
padding-right: 6px;
border-radius: 2px;
border-radius: var(--sn-stylekit-general-border-radius);
margin-right: 4px;
&.info {

4
app/assets/stylesheets/app/_ui.scss
View File

@@ -103,10 +103,6 @@ $screen-md-max: ($screen-lg-min - 1) !default;
padding: 10px !important;
}
.red {
color: red !important;
}
.bold {
font-weight: bold !important;
}

6
app/assets/templates/directives/session-history-menu.html.haml
View File

@@ -1,10 +1,8 @@
.sn-component#session-history-menu
.sk-menu-panel.dropdown-menu
.sk-menu-panel-header
.sk-menu-panel-column
.sk-menu-panel-header-title {{history.entries.length || 'No'}} revisions
.sk-menu-panel-column{"ng-click" => "showOptions = !showOptions; $event.stopPropagation();"}
%a.sk-a.info.sk-menu-panel-header-title Options
.sk-menu-panel-header-title {{history.entries.length || 'No'}} revisions
%a.sk-a.info.sk-h5{"ng-click" => "showOptions = !showOptions; $event.stopPropagation();"} Options
%div{"ng-if" => "showOptions"}
%menu-row{"label" => "'Clear note local history'", "action" => "clearItemHistory()"}

2
app/assets/templates/footer.html.haml
View File

@@ -1,5 +1,5 @@
.sn-component
#footer-bar.sk-app-bar.no-edges
#footer-bar.sk-app-bar.no-edges.no-bottom-edge
.left
.sk-app-bar-item{"ng-click" => "ctrl.accountMenuPressed()", "click-outside" => "ctrl.clickOutsideAccountMenu()", "is-open" => "ctrl.showAccountMenu"}

2
app/assets/templates/notes.html.haml
View File

@@ -22,7 +22,7 @@
.sk-app-bar-item-column
.sk-sublabel {{ctrl.optionsSubtitle()}}
.sk-menu-panel.dropdown-menu{"ng-show" => "ctrl.showMenu"}
.sk-menu-panel.dropdown-menu#notes-options-menu{"ng-show" => "ctrl.showMenu"}
.sk-menu-panel-header
.sk-menu-panel-header-title Sort By
%a.info.sk-h5{"ng-click" => "ctrl.toggleReverseSort()"}

4
app/assets/templates/tags.html.haml
View File

@@ -32,8 +32,8 @@
"ng-change" => "ctrl.tagTitleDidChange(tag)", "ng-blur" => "ctrl.saveTag($event, tag)", "spellcheck" => "false"}
.count {{tag.cachedNoteCount}}
.red.small-text.bold{"ng-show" => "tag.content.conflict_of"} Conflicted Copy
.red.small-text.bold{"ng-show" => "tag.errorDecrypting"} Missing Keys
.danger.small-text.bold{"ng-show" => "tag.content.conflict_of"} Conflicted Copy
.danger.small-text.bold{"ng-show" => "tag.errorDecrypting"} Missing Keys
.menu{"ng-show" => "ctrl.selectedTag == tag"}
%a.item{"ng-click" => "ctrl.selectedRenameTag($event, tag)", "ng-show" => "!ctrl.editingTag"} Rename