feat: make some settings global and work for all projects

Author: johannesjo

app-src/scripts/constants.js

@@ -16,7 +16,9 @@
       'currentProject',
       'projects',
       'keys',
-      'isShowWelcomeDialog'
+      'isShowWelcomeDialog',
+      'config',
+      'keys'
     ])
     .constant('ON_DEMAND_LS_FIELDS', [
       'doneBacklogTasks',
@@ -59,7 +61,7 @@
       },
       tasks: [],
       backlogTasks: [],
-      doneBacklogTasks:[],
+      doneBacklogTasks: [],
       distractions: [],
       projects: [],
       globalLinks: [],

app-src/scripts/routes/settings/_settings-c.scss

@@ -1,13 +1,18 @@
 .page-settings {
   text-align: left;
 
+  h1 {
+    // NOTE: this is not working
+    break-after: avoid;
+  }
+
   @media(min-width: $layout-gt-sm) {
     column-count: 2;
     section {
       display: inline-block;
       width: 100%;
       overflow: hidden;
-      break-inside: avoid-column;
+      break-inside: avoid;
       -webkit-column-break-inside: avoid;
     }
   }
@@ -16,6 +21,11 @@
     column-count: 3;
   }
 
+  .keep-together {
+    display: inline-block;
+    width: 100%;
+  }
+
   .config-section {
     padding: 15px;
     margin-bottom: 10px;

app-src/scripts/routes/settings/settings-c.html

@@ -6,40 +6,46 @@
                       selected-current-project="vm.selectedCurrentProject"></project-settings>
   </section>
 
+
   <section class="config-section"
            md-whiteframe="2">
-    <theme-settings current-theme="r.theme"
-                    is-current-project-theme="true"></theme-settings>
+    <backup-settings settings="r.config.automaticBackups"></backup-settings>
   </section>
 
 
   <section class="config-section"
-           md-whiteframe="2"
-           ng-if="vm.IS_ELECTRON">
-    <jira-settings settings="r.jiraSettings"></jira-settings>
+           md-whiteframe="2">
+    <keyboard-settings keys="r.keys"></keyboard-settings>
   </section>
 
 
   <section class="config-section"
            md-whiteframe="2">
-    <git-settings settings="r.git"></git-settings>
+    <misc-settings settings="r.config"></misc-settings>
   </section>
 
-  <section class="config-section"
-           md-whiteframe="2">
-    <backup-settings settings="r.config.automaticBackups"></backup-settings>
-  </section>
 
+  <div class="keep-together">
+    <h1 class="md-title">Project Specific Settings</h1>
+
+    <section class="config-section"
+             md-whiteframe="2">
+      <theme-settings current-theme="r.theme"
+                      is-current-project-theme="true"></theme-settings>
+    </section>
+  </div>
 
   <section class="config-section"
-           md-whiteframe="2">
-    <keyboard-settings keys="r.keys"></keyboard-settings>
+           md-whiteframe="2"
+           ng-if="vm.IS_ELECTRON">
+    <jira-settings settings="r.jiraSettings"></jira-settings>
   </section>
 
 
   <section class="config-section"
            md-whiteframe="2">
-    <misc-settings settings="r.config"></misc-settings>
+    <git-settings settings="r.git"></git-settings>
   </section>
 
+
 </div>