init

worklenz-frontend/src/styles/customOverrides.css

@@ -0,0 +1,105 @@
+/* table overrides 
+    used in homepage, settings
+*/
+
+/* this is for globaly hide tables scrollbar  */
+:where(.css-dev-only-do-not-override-17sis5b).ant-table-wrapper .ant-table,
+:where(.css-dev-only-do-not-override-bj289r).ant-table-wrapper .ant-table {
+  scrollbar-color: unset !important;
+}
+
+.custom-two-colors-row-table table tr:nth-child(even) {
+  background: #4e4e4e10 !important;
+}
+
+.custom-two-colors-row-table table tr {
+  border-radius: 4px !important;
+}
+
+.custom-two-colors-row-table table tr td,
+.custom-two-colors-row-table table th {
+  border-bottom: none !important;
+  padding: 6px 12px !important;
+}
+
+.custom-two-colors-row-table table th,
+.custom-project-view-task-list-table table th {
+  padding-bottom: 12px !important;
+  border: none !important;
+  font-weight: 400 !important;
+}
+
+.custom-two-colors-row-table table th::before {
+  display: none;
+}
+
+.ant-table-fixed-left .ant-table-cell td {
+  background-color: #4e4e4e10 !important;
+}
+
+/* custom table used in  */
+
+/* custom dropdown 
+    used in navbar, project view filters
+*/
+.custom-dropdown .ant-dropdown-menu {
+  padding: 0 !important;
+  margin-top: 2px !important;
+}
+
+.custom-dropdown .ant-dropdown-menu-item {
+  padding: 0 !important;
+}
+
+/* custom list 
+    used in project view filters
+*/
+.custom-list-item:hover {
+  background-color: #f8f7f9 !important;
+  color: #181818;
+}
+
+.custom-list-item.dark:hover {
+  background-color: #424242 !important;
+  color: rgba(255, 255, 255, 0.85);
+}
+
+/* dropdown render card manual shadow 
+    used in project view filters
+*/
+.custom-card {
+  box-shadow:
+    0 3px 6px -4px #0000001f,
+    0 6px 16px #00000014,
+    0 9px 28px 8px #0000000d !important;
+}
+
+/* insights card hover  */
+.custom-insights-card:hover {
+  border: 1px solid #d3d3d3;
+}
+
+/* reporting sidebar  */
+.custom-reporting-sider .ant-menu-item-selected {
+  border-inline-end: 3px solid #1890ff !important;
+  border-radius: 0;
+}
+
+.custom-reporting-sider .ant-menu-item,
+.custom-reporting-sider .ant-menu-submenu-title {
+  margin-inline: 0 !important;
+  padding-inline: 16px !important;
+  width: 100%;
+}
+
+.custom-reporting-sider .ant-menu:nth-child(2) .ant-menu-item {
+  padding-inline-start: 32px !important;
+}
+
+.ql-snow .ql-picker {
+  color: #6c757d !important;
+}
+
+.ql-snow .ql-stroke {
+  stroke: #6c757d !important;
+}