Initial commit: Angular frontend and Expressjs backend

worklenz-frontend/src/scss/editable-table.scss

@@ -0,0 +1,73 @@
+.editable-cell {
+  position: relative;
+  padding: 5px 12px;
+  cursor: pointer;
+}
+
+.editable-row {
+  display: flex;
+  justify-content: space-between;
+
+  .plus-icon {
+    display: none;
+  }
+
+  &:hover {
+    .plus-icon {
+      display: block;
+    }
+  }
+
+  textarea {
+    width: 100%;
+  }
+}
+
+.editable-row:hover .editable-cell {
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  padding: 4px 11px;
+  cursor: text;
+  width: 100%;
+}
+
+.editable {
+  cursor: pointer;
+
+  .plus-icon {
+    display: none;
+    position: absolute;
+    right: 10px;
+    top: 0;
+    //height: 100%;
+    margin: auto;
+    bottom: 0;
+    align-items: center;
+    //font-size: 18px;
+    //color: #52c41a;
+  }
+
+  &:hover {
+    background: #f0f2f5 !important;
+
+    .plus-icon {
+      display: flex;
+    }
+  }
+
+  nz-select {
+    //position: absolute;
+    //left: 0;
+    //right: 0;
+    //top: 0;
+    //bottom: 0;
+
+    nz-select-top-control {
+      display: flex !important;
+      align-items: center !important;
+      height: 100% !important;
+      border: 0 !important;
+      background-color: transparent !important;
+    }
+  }
+}

worklenz-frontend/src/scss/scrollbar.scss

@@ -0,0 +1,29 @@
+/* Customize website's scrollbar like Mac OS
+Not supports in Firefox and IE */
+
+/* total width */
+*::-webkit-scrollbar {
+  background-color: #fff;
+  width: 16px;
+}
+
+/* background of the scrollbar except button or resizer */
+*::-webkit-scrollbar-track {
+  background-color: #fff;
+}
+
+/* scrollbar itself */
+*::-webkit-scrollbar-thumb {
+  background-color: #cccccc;
+  border-radius: 16px;
+  border: 4px solid #fff;
+
+  &:hover {
+    background-color: #ababab;
+  }
+}
+
+/* set button(top and bottom of the scrollbar) */
+*::-webkit-scrollbar-button {
+  display: none;
+}

worklenz-frontend/src/scss/task-view.scss

@@ -0,0 +1,54 @@
+
+.task-view {
+  nz-form-label {
+    width: 130px;
+    max-width: 130px;
+  }
+
+  .control-hover {
+    cursor: pointer;
+  }
+
+  .task-description-editor {
+    cursor: text;
+    user-select: text;
+  }
+
+  .task-description-editor:not(.editing),
+  .control-hover {
+    border: 1px solid transparent;
+    border-radius: 4px;
+
+    &:hover {
+      border-color: #d9d9d9;
+    }
+  }
+}
+
+.task-form-drawer-opened {
+  .ant-collapse-header {
+    padding: 0 !important;
+  }
+
+  .ant-drawer-body {
+    padding-top: 0 !important;
+  }
+
+  & .ant-drawer-header-title {
+    margin-bottom: 16px;
+    align-items: baseline;
+  }
+
+  .ant-drawer-header {
+    border-bottom: 1px solid whitesmoke;
+    padding-bottom: 0;
+    align-items: baseline;
+  }
+
+  .task-drawer-tabset {
+    .ant-tabs-nav-wrap {
+      margin-left: 27px;
+      padding-top: 8px;
+    }
+  }
+}