feat: Updates sidebar to accomodate sub menu (#3416)

* Enhancement: Updates sidebar to a new design (#2733)

* feat: Changes primary navbar to new design (#2598)

* feat: updates design for secondary navbar (#2612)

* Changes primary nvbar to new design

* Updates design for contexual sidebar

* Fixes issues with JSON

* Remove duplication of notificatons in Navigation

* Fixes broken tests

* Fixes broken tests

* Update app/javascript/dashboard/components/layout/AvailabilityStatus.vue

* Update app/javascript/dashboard/components/layout/AvailabilityStatus.vue

* Update app/javascript/dashboard/components/layout/SidebarItem.vue

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

* Update app/javascript/dashboard/components/layout/SidebarItem.vue

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

* Update app/javascript/dashboard/modules/sidebar/components/Secondary.vue

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

* Chore: Update design changes to features

* Fixes menu transitions and refactors code

* Refactors sidebar routeing logic

* lint error fixes

* Fixes dropdown menu styles

* Fixes secondary new item links

* Fixes lint scss issues

* fixes linter issues

* Fixes broken test cases

* Update AvailabilityStatus.spec.js

* Review feedbacks

* Fixes add modal for label

* Add tooltip for primary menu item

* Tooltip for notifications

* Adds tooltip for primary menu items

* Review fixes

* Review fixes

* Fix merge issues

* fixes logo size for login pages

* fixes Merge breaks with styles

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
This commit is contained in:
Nithin David Thomas
2021-12-01 12:45:39 +05:30
committed by GitHub
parent c792cfc0be
commit b01d032d0d
38 changed files with 1119 additions and 562 deletions

View File

@@ -2,16 +2,17 @@
--white: #fff;
--white-transparent: rgba(255, 255, 255, 0.9);
--w-50: #E3F2FF;
--w-100: #BBDDFF;
--w-200: #8FC9FF;
--w-300: #61B3FF;
--w-400: #3FA3FF;
--w-25: #F5FAFF;
--w-50: #EBF5FF;
--w-100: #C2E1FF;
--w-200: #99CEFF;
--w-300: ##70BAFF;
--w-400: #47A6FF;
--w-500: #1F93FF;
--w-600: #2284F0;
--w-700: #2272DC;
--w-800: #2161CA;
--w-900: #1F41AB;
--w-600: #1976CC;
--w-700: #135899;
--w-800: #0C3B66;
--w-900: #061D33;
--g-50: #E6F8E6;
--g-100: #C4EEC2;
@@ -35,16 +36,18 @@
--y-800: #FDAD2A;
--y-900: #F9841B;
--s-50: #E7EEFB;
--s-100: #C8D6E6;
--s-200: #ABBACE;
--s-300: #8C9EB6;
--s-400: #7489A4;
--s-500: #5D7592;
--s-600: #506781;
--s-700: #40546B;
--s-800: #314155;
--s-900: #1F2D3D;
--s-25: #F8FAFC;
--s-50: #F1F5F8;
--s-75: #EBF0F5;
--s-100: #E4EBF1;
--s-200: #C9D7E3;
--s-300: #AEC3D5;
--s-400: #93AFC8;
--s-500: #779BBB;
--s-600: #446888;
--s-700: #37546D;
--s-800: #293F51;
--s-900: #1B2836;
--b-50: #F8F9FE;
--b-100: #F2F3F7;
@@ -85,12 +88,12 @@
--color-heading: #1f2d3d;
--color-body: #3c4858;
--color-border: #e0e6ed;
--color-border-light: #f0f4f5;
--color-border-dark: #cad0d4;
--color-border: var(--s-75);
--color-border-light: var(--s-50);
--color-border-dark: var(--s-100);
--color-background: #f4f6fb;
--color-background-light: #f9fafc;
--color-background: var(--s-50);
--color-background-light: var(--s-25);
// Social and inboxes brand colors
--color-facebook-brand: #3b5998;