More feedback changes

the-curve-consulting · Mar 4, 2024 · 29d1805 · 29d1805
1 parent f5db84b
commit 29d1805
Show file tree

Hide file tree

Showing 33 changed files with 1,022 additions and 136 deletions.
diff --git a/dist/components/header/Header.d.ts.map b/dist/components/header/Header.d.ts.map
diff --git a/dist/components/nav/Nav.d.ts b/dist/components/nav/Nav.d.ts
@@ -6,7 +6,7 @@ export interface NavProps extends BootstrapNavProps {
 }
 declare const Nav: {
     ({ navLink, className, children, ...rest }: NavProps): React.JSX.Element;
-    Item: ({ route, icon, children }: import("./components/NavItem").NavItemProps) => React.JSX.Element;
+    Item: ({ route, icon, text, children }: import("./components/NavItem").NavItemProps) => React.JSX.Element;
 };
 export default Nav;
 //# sourceMappingURL=Nav.d.ts.map
diff --git a/dist/components/nav/Nav.d.ts.map b/dist/components/nav/Nav.d.ts.map
diff --git a/dist/components/nav/components/NavItem.d.ts b/dist/components/nav/components/NavItem.d.ts
@@ -3,7 +3,8 @@ import { TexmoIcons } from 'types';
 export interface NavItemProps extends React.HTMLProps<HTMLBaseElement> {
     route: string;
     icon?: TexmoIcons;
+    text: string;
 }
-declare const NavItem: ({ route, icon, children }: NavItemProps) => React.JSX.Element;
+declare const NavItem: ({ route, icon, text, children }: NavItemProps) => React.JSX.Element;
 export default NavItem;
 //# sourceMappingURL=NavItem.d.ts.map
diff --git a/dist/components/nav/components/NavItem.d.ts.map b/dist/components/nav/components/NavItem.d.ts.map
diff --git a/dist/components/searchBar/components/SearchBarInput.d.ts.map b/dist/components/searchBar/components/SearchBarInput.d.ts.map
diff --git a/dist/index.css b/dist/index.css
@@ -974,11 +974,11 @@ h1, .h1 {
   max-height: 80px;
   max-width: 260px;
   width: auto;
-  margin: 20px 0 20px 10px;
+  margin: 1.5rem;
 }
 @media (min-width: 1024px) {
   .logo {
-    margin: 30px 0 30px 40px;
+    margin: 2.5rem;
   }
 }
 
@@ -1018,6 +1018,12 @@ a.card-link {
 
 .page-header {
   width: 100%;
+  margin-top: 45px;
+}
+@media (max-width: 768px) {
+  .page-header {
+    margin-top: 26px;
+  }
 }
 
 .page-header-column {
@@ -1028,10 +1034,6 @@ a.card-link {
   justify-content: flex-end;
 }
 
-.topbar-item {
-  border-left: var(--texmo-bg-secondary-borders) 1px solid !important;
-}
-
 .Toastify__toast-container--top-center {
   top: 0;
 }
@@ -1081,6 +1083,15 @@ a.card-link {
   background-color: var(--texmo-bg-primary);
 }
 
+.tooltip-inner {
+  background-color: #424244 !important;
+  color: white;
+}
+
+.tooltip.bs-tooltip-end .tooltip-arrow::before, .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
+  border-right-color: #424244 !important;
+}
+
 :root {
   --texmo-primary-color: #6A955B;
   --texmo-text-color: #424244;
@@ -13109,6 +13120,7 @@ textarea.form-control-lg {
 }
 
 .title {
+  font-size: 1.4rem;
   font-weight: 600;
 }
 
@@ -13166,18 +13178,32 @@ textarea.form-control-lg {
 
 .header-container {
   background: var(--texmo-bg-primary);
-  border-top: var(--texmo-bg-secondary-borders) solid 1px;
-  border-left: var(--texmo-bg-secondary-borders) solid 1px;
-  min-height: 50px;
+  height: 54px;
+}
+
+.header-container::before {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 4px;
+  height: 100%;
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
+  top: 0;
+  pointer-events: none;
 }
 
 .user-toggle.dropdown-toggle::after {
   display: none !important;
 }
 
+.topbar-item {
+  height: 100%;
+  font-size: 1.2rem;
+  border-left: var(--texmo-bg-secondary-borders) 1px solid !important;
+}
+
 .side-navbar {
   background-color: var(--texmo-bg-primary);
-  border-top: var(--texmo-bg-secondary-borders) solid 1px;
   width: 120px;
 }
 
@@ -13256,12 +13282,26 @@ textarea.form-control-lg {
 
 .input-group .search-input {
   border-right: 0;
+  height: 46px;
 }
 
 .search-input-group {
   min-width: 120px;
 }
 
+.topbar-item:hover {
+  background-color: #e0e0e0;
+}
+
+.nav-item-menu-icon {
+  display: block;
+}
+@media (max-width: 768px) {
+  .nav-item-menu-icon {
+    display: none;
+  }
+}
+
 @media (max-width: 768px) {
   .nav-item-icon {
     font-size: calc(2.8rem + 1.5vw) !important;
@@ -13272,16 +13312,44 @@ textarea.form-control-lg {
   box-shadow: none !important;
 }
 
+.nav-menu {
+  height: 54px;
+}
+
+.sidenav-item {
+  border-bottom: #ccc 1px solid;
+}
+
+.sidenav-link {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+
+.nav-link {
+  border-radius: 0px !important;
+}
+
+.breadcrumbs-container {
+  font-size: 1rem;
+}
 @media (max-width: 768px) {
   .breadcrumbs-container {
     display: none !important;
   }
 }
 
-a.breadcrumb-item {
+.breadcrumb-item {
   color: var(--texmo-text-color);
 }
 
 a.breadcrumb-item:hover {
-  text-decoration: underline;
+  text-decoration: none;
+}
+
+.breadcrumb-active {
+  font-weight: 600;
+}
+
+.breadcrumb-inactive {
+  font-weight: 300;
 }
diff --git a/dist/index.es.css b/dist/index.es.css
@@ -974,11 +974,11 @@ h1, .h1 {
   max-height: 80px;
   max-width: 260px;
   width: auto;
-  margin: 20px 0 20px 10px;
+  margin: 1.5rem;
 }
 @media (min-width: 1024px) {
   .logo {
-    margin: 30px 0 30px 40px;
+    margin: 2.5rem;
   }
 }
 
@@ -1018,6 +1018,12 @@ a.card-link {
 
 .page-header {
   width: 100%;
+  margin-top: 45px;
+}
+@media (max-width: 768px) {
+  .page-header {
+    margin-top: 26px;
+  }
 }
 
 .page-header-column {
@@ -1028,10 +1034,6 @@ a.card-link {
   justify-content: flex-end;
 }
 
-.topbar-item {
-  border-left: var(--texmo-bg-secondary-borders) 1px solid !important;
-}
-
 .Toastify__toast-container--top-center {
   top: 0;
 }
@@ -1081,6 +1083,15 @@ a.card-link {
   background-color: var(--texmo-bg-primary);
 }
 
+.tooltip-inner {
+  background-color: #424244 !important;
+  color: white;
+}
+
+.tooltip.bs-tooltip-end .tooltip-arrow::before, .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
+  border-right-color: #424244 !important;
+}
+
 :root {
   --texmo-primary-color: #6A955B;
   --texmo-text-color: #424244;
@@ -13109,6 +13120,7 @@ textarea.form-control-lg {
 }
 
 .title {
+  font-size: 1.4rem;
   font-weight: 600;
 }
 
@@ -13166,18 +13178,32 @@ textarea.form-control-lg {
 
 .header-container {
   background: var(--texmo-bg-primary);
-  border-top: var(--texmo-bg-secondary-borders) solid 1px;
-  border-left: var(--texmo-bg-secondary-borders) solid 1px;
-  min-height: 50px;
+  height: 54px;
+}
+
+.header-container::before {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 4px;
+  height: 100%;
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
+  top: 0;
+  pointer-events: none;
 }
 
 .user-toggle.dropdown-toggle::after {
   display: none !important;
 }
 
+.topbar-item {
+  height: 100%;
+  font-size: 1.2rem;
+  border-left: var(--texmo-bg-secondary-borders) 1px solid !important;
+}
+
 .side-navbar {
   background-color: var(--texmo-bg-primary);
-  border-top: var(--texmo-bg-secondary-borders) solid 1px;
   width: 120px;
 }
 
@@ -13256,12 +13282,26 @@ textarea.form-control-lg {
 
 .input-group .search-input {
   border-right: 0;
+  height: 46px;
 }
 
 .search-input-group {
   min-width: 120px;
 }
 
+.topbar-item:hover {
+  background-color: #e0e0e0;
+}
+
+.nav-item-menu-icon {
+  display: block;
+}
+@media (max-width: 768px) {
+  .nav-item-menu-icon {
+    display: none;
+  }
+}
+
 @media (max-width: 768px) {
   .nav-item-icon {
     font-size: calc(2.8rem + 1.5vw) !important;
@@ -13272,16 +13312,44 @@ textarea.form-control-lg {
   box-shadow: none !important;
 }
 
+.nav-menu {
+  height: 54px;
+}
+
+.sidenav-item {
+  border-bottom: #ccc 1px solid;
+}
+
+.sidenav-link {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+
+.nav-link {
+  border-radius: 0px !important;
+}
+
+.breadcrumbs-container {
+  font-size: 1rem;
+}
 @media (max-width: 768px) {
   .breadcrumbs-container {
     display: none !important;
   }
 }
 
-a.breadcrumb-item {
+.breadcrumb-item {
   color: var(--texmo-text-color);
 }
 
 a.breadcrumb-item:hover {
-  text-decoration: underline;
+  text-decoration: none;
+}
+
+.breadcrumb-active {
+  font-weight: 600;
+}
+
+.breadcrumb-inactive {
+  font-weight: 300;
 }