@intellias/menu 1.0.12 → 1.0.13

package/dist/css/main.css

@@ -1,13 +1,13 @@
 @import url(https://fonts.googleapis.com/css?family=Play:400,700&display=swap);
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap);
-.action-button.is-btn-link {
+.action-button.is-btn-link[data-v-4bad7ad2] {
   padding: 0;
   border: 0;
   background: transparent;
   cursor: pointer;
 }
-.action-button {
+.action-button[data-v-4bad7ad2] {
   position: relative;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -20,61 +20,68 @@
   border-radius: 4px;
   font-weight: 600;
 }
-.action-button:hover {
+.action-button.dark[data-v-4bad7ad2] {
+  color: #253746;
+  background: #45d6ad;
+}
+.action-button.dark[data-v-4bad7ad2]:disabled:not(a, .is-btn-link) {
+  background-color: #3b4d5d !important;
+}
+.action-button[data-v-4bad7ad2]:hover {
   background: #008c79;
 }
 @media only screen and (max-width : 600px) {
-.action-button.btn-full {
+.action-button.btn-full[data-v-4bad7ad2] {
     width: 100%;
 }
 }
-.action-button.is-btn-link {
+.action-button.is-btn-link[data-v-4bad7ad2] {
   color: #008c79;
   background: transparent !important;
 }
-.action-button.is-btn-link:hover .span-text, .action-button.is-btn-link:active .span-text {
+.action-button.is-btn-link:hover .span-text[data-v-4bad7ad2], .action-button.is-btn-link:active .span-text[data-v-4bad7ad2] {
   text-decoration: underline;
 }
-.action-button.is-btn-link:disabled, .action-button.is-btn-link.disabled {
+.action-button.is-btn-link[data-v-4bad7ad2]:disabled, .action-button.is-btn-link.disabled[data-v-4bad7ad2] {
   pointer-events: none;
   color: #94a3b8 !important;
 }
-.action-button.is-link {
+.action-button.is-link[data-v-4bad7ad2] {
   color: #008c79;
   background: transparent !important;
 }
-.action-button.is-link:hover, .action-button.is-link:active {
+.action-button.is-link[data-v-4bad7ad2]:hover, .action-button.is-link[data-v-4bad7ad2]:active {
   text-decoration: underline;
 }
-.action-button.is-link:disabled, .action-button.is-link.disabled {
+.action-button.is-link[data-v-4bad7ad2]:disabled, .action-button.is-link.disabled[data-v-4bad7ad2] {
   pointer-events: none;
   color: #94a3b8 !important;
 }
-.action-button.btn-transparent {
+.action-button.btn-transparent[data-v-4bad7ad2] {
   background: transparent;
   color: #008c79;
 }
-.action-button.btn-transparent:hover, .action-button.btn-transparent:focus {
+.action-button.btn-transparent[data-v-4bad7ad2]:hover, .action-button.btn-transparent[data-v-4bad7ad2]:focus {
   background: #e2e8f0;
 }
-.action-button.btn-transparent:disabled {
+.action-button.btn-transparent[data-v-4bad7ad2]:disabled {
   color: #94a3b8;
   background: transparent !important;
 }
-.action-button .left-icon {
+.action-button .left-icon[data-v-4bad7ad2] {
   margin-right: 4px;
 }
-.action-button .spinner-solid {
+.action-button .spinner-solid[data-v-4bad7ad2] {
   color: #ffffff;
-  animation: spin 2s linear infinite;
+  animation: spin-4bad7ad2 2s linear infinite;
   vertical-align: middle;
   transition: width 300ms, height 300ms;
   margin-left: 8px;
 }
-.action-button .span-text {
+.action-button .span-text[data-v-4bad7ad2] {
   vertical-align: middle;
 }
-.action-button span.tooltipped {
+.action-button span.tooltipped[data-v-4bad7ad2] {
   width: 100%;
   height: 100%;
   display: inline-block;
@@ -82,24 +89,24 @@
   cursor: pointer;
   pointer-events: all;
 }
-.action-buttonbutton span.tooltipped {
+.action-buttonbutton span.tooltipped[data-v-4bad7ad2] {
   margin-left: -16px;
 }
-.action-button.btn-secondary {
+.action-button.btn-secondary[data-v-4bad7ad2] {
   border: 1px solid #cbd5e1;
   background-color: #ffffff;
 }
-.action-button.disabled:not(a), .action-button:not(a, .is-btn-link):disabled, .action-button[disabled]:not(a, .is-btn-link) {
-  background-color: #f1f5f9 !important;
+.action-button.disabled[data-v-4bad7ad2]:not(a), .action-button[data-v-4bad7ad2]:not(a, .is-btn-link):disabled, .action-button[disabled][data-v-4bad7ad2]:not(a, .is-btn-link) {
+  background-color: #f1f5f9;
   color: #94a3b8 !important;
 }
-.action-button.disabled:not(a) .spinner-solid, .action-button:not(a, .is-btn-link):disabled .spinner-solid, .action-button[disabled]:not(a, .is-btn-link) .spinner-solid {
+.action-button.disabled:not(a) .spinner-solid[data-v-4bad7ad2], .action-button:not(a, .is-btn-link):disabled .spinner-solid[data-v-4bad7ad2], .action-button[disabled]:not(a, .is-btn-link) .spinner-solid[data-v-4bad7ad2] {
   color: #64748b !important;
 }
-.action-button i.icon {
+.action-button i.icon[data-v-4bad7ad2] {
   vertical-align: middle;
 }
-@keyframes spin {
+@keyframes spin-4bad7ad2 {
 100% {
     transform: rotate(360deg);
 }
@@ -553,13 +560,13 @@
     transform: rotate(0);
 }
 }
-.modal-wrapper {
+.modal-wrapper[data-v-47941d80] {
   padding-bottom: 1rem;
   border-radius: 6px !important;
   background-color: #ffffff;
   box-shadow: 0 15px 30px rgba(37, 55, 70, 0.202715);
 }
-.modal-header {
+.modal-header[data-v-47941d80] {
   display: flex;
   justify-content: space-between;
   padding: 2rem 2rem 1rem 2rem;
@@ -567,31 +574,37 @@
   font-weight: bold;
   color: #1a2732 !important;
 }
-.modal-header i.icon:before {
+.modal-header.dark[data-v-47941d80] {
+  color: #ffffff !important;
+}
+.modal-header.dark i.icon[data-v-47941d80]:before {
+  background-color: #ffffff !important;
+}
+.modal-header i.icon[data-v-47941d80]:before {
   background-color: #1a2732 !important;
 }
-.modal-content {
+.modal-content[data-v-47941d80] {
   padding: 1rem 2rem;
 }
-.modal-close {
+.modal-close[data-v-47941d80] {
   width: 15px !important;
   min-width: 15px;
   height: 15px !important;
   cursor: pointer;
 }
-.modal-footer {
+.modal-footer[data-v-47941d80] {
   display: flex;
   justify-content: flex-end;
   padding: 1rem 2rem;
 }
-.modal-footer .btn:not(:first-child) {
+.modal-footer .btn[data-v-47941d80]:not(:first-child) {
   margin-left: 1rem;
 }
-.vm--overlay {
+.vm--overlay[data-v-47941d80] {
   background-color: rgba(37, 55, 70, 0.55) !important;
   transition: 0.3s !important;
 }
-.secondary-button {
+.secondary-button[data-v-ab516b6a] {
   position: relative;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -602,27 +615,31 @@
   font-weight: 600;
   line-height: 38px;
 }
-.secondary-button i.icon {
+.secondary-button.dark[data-v-ab516b6a] {
+  color: #253746;
+  background: #e2e8f0;
+}
+.secondary-button i.icon[data-v-ab516b6a] {
   vertical-align: middle;
 }
-.secondary-button .spinner-solid {
+.secondary-button .spinner-solid[data-v-ab516b6a] {
   color: #1a2732;
-  animation: spin 2s linear infinite;
+  animation: spin-ab516b6a 2s linear infinite;
   vertical-align: middle;
   transition: width 300ms, height 300ms;
   margin-left: 8px;
 }
-.secondary-button .left-icon {
+.secondary-button .left-icon[data-v-ab516b6a] {
   margin-right: 4px;
 }
-.secondary-button.disabled, .secondary-button.btn-secondary:disabled, .secondary-button.btn[disabled] {
+.secondary-button.disabled[data-v-ab516b6a], .secondary-button.btn-secondary[data-v-ab516b6a]:disabled, .secondary-button.btn[disabled][data-v-ab516b6a] {
   background-color: #f1f5f9 !important;
   color: #94a3b8;
 }
-.secondary-button.disabled .spinner-solid, .secondary-button.btn-secondary:disabled .spinner-solid, .secondary-button.btn[disabled] .spinner-solid {
+.secondary-button.disabled .spinner-solid[data-v-ab516b6a], .secondary-button.btn-secondary:disabled .spinner-solid[data-v-ab516b6a], .secondary-button.btn[disabled] .spinner-solid[data-v-ab516b6a] {
   color: #94a3b8 !important;
 }
-@keyframes spin {
+@keyframes spin-ab516b6a {
 100% {
     transform: rotate(360deg);
 }
@@ -655,19 +672,19 @@
     transform: rotate(360deg);
 }
 }
-.sub-menu {
+.sub-menu[data-v-25586497] {
   overflow: hidden;
   background-color: #ffffff;
   box-shadow: 0 2px 6px 0 rgba(37, 55, 70, 0.1);
   padding-left: 32px;
 }
-.sub-menu .items {
+.sub-menu .items[data-v-25586497] {
   width: 100%;
   font-size: 0.94rem;
   font-family: "open sans", sans-serif;
   white-space: nowrap;
 }
-.sub-menu .items a {
+.sub-menu .items a[data-v-25586497] {
   color: #253746;
   padding: 0 5px 5px;
   margin-right: 15px;
@@ -678,55 +695,55 @@
   text-decoration: none;
   box-sizing: content-box;
 }
-.sub-menu .items a:hover, .sub-menu .items a.router-link-exact-active {
+.sub-menu .items a[data-v-25586497]:hover, .sub-menu .items a.router-link-exact-active[data-v-25586497] {
   -webkit-text-stroke: 0.7px #253746;
   border-bottom: 3px solid #00a58e;
 }
-.image-wrapper.sm {
+.image-wrapper.sm[data-v-7393283b] {
   width: 35px;
   height: 35px;
 }
-.image-wrapper.sm .user-image {
+.image-wrapper.sm .user-image[data-v-7393283b] {
   border: 1px solid #cbd5e1;
 }
-.image-wrapper.sm .user-image.anonymous {
+.image-wrapper.sm .user-image.anonymous[data-v-7393283b] {
   font-size: 0.8rem;
 }
-.image-wrapper.md {
+.image-wrapper.md[data-v-7393283b] {
   height: 44px;
   width: 44px;
 }
-.image-wrapper.md .user-image {
+.image-wrapper.md .user-image[data-v-7393283b] {
   border: 1px solid #cbd5e1;
 }
-.image-wrapper.md .user-image.anonymous {
+.image-wrapper.md .user-image.anonymous[data-v-7393283b] {
   font-size: 1.07rem;
   color: #94a3b8;
 }
-.image-wrapper.lg {
+.image-wrapper.lg[data-v-7393283b] {
   height: 96px;
   width: 96px;
 }
-.image-wrapper.xl {
+.image-wrapper.xl[data-v-7393283b] {
   height: 128px;
   width: 128px;
 }
-.image-wrapper.xl .user-image.anonymous {
+.image-wrapper.xl .user-image.anonymous[data-v-7393283b] {
   font-size: 3.34rem;
   color: #94a3b8;
 }
-.image-wrapper .user-image {
+.image-wrapper .user-image[data-v-7393283b] {
   border: 2px solid #cbd5e1;
   border-radius: 50%;
   overflow: hidden;
   width: inherit;
   height: inherit;
 }
-.image-wrapper .user-imageimg {
+.image-wrapper .user-imageimg[data-v-7393283b] {
   -o-object-fit: cover;
      object-fit: cover;
 }
-.image-wrapper .user-image.anonymous {
+.image-wrapper .user-image.anonymous[data-v-7393283b] {
   background-color: #f8fafc;
   font-size: 2.5rem;
   color: #94a3b8;
@@ -736,10 +753,10 @@
   justify-content: center;
   align-items: center;
 }
-.image-wrapper.no-border .user-image {
+.image-wrapper.no-border .user-image[data-v-7393283b] {
   border: none;
 }
-.on-boarding-sign {
+.on-boarding-sign[data-v-0d7f0ada] {
   position: absolute;
   top: 85px;
   width: 485px;
@@ -753,7 +770,7 @@
   will-change: top;
   transition: top 0.3s;
 }
-.on-boarding-sign__arrow {
+.on-boarding-sign__arrow[data-v-0d7f0ada] {
   position: absolute;
   left: 80%;
   top: -15px;
@@ -764,27 +781,27 @@
   border-bottom: 10px solid transparent;
   border-right: 10px solid #253746;
 }
-.on-boarding-sign__title {
+.on-boarding-sign__title[data-v-0d7f0ada] {
   font-size: 1.5rem;
   font-weight: bold;
   color: #ffffff;
 }
-.on-boarding-sign__description {
+.on-boarding-sign__description[data-v-0d7f0ada] {
   margin-top: 1rem;
   line-height: 1.5rem;
 }
-.on-boarding-sign-buttons {
+.on-boarding-sign-buttons[data-v-0d7f0ada] {
   display: flex;
   justify-content: flex-end;
   margin-top: 1rem;
 }
-.on-boarding-sign-buttons button {
+.on-boarding-sign-buttons button[data-v-0d7f0ada] {
   background: transparent;
   border: none;
   cursor: pointer;
   color: #8395a7;
 }
-.on-boarding-sign-buttons button:last-child {
+.on-boarding-sign-buttons button[data-v-0d7f0ada]:last-child {
   margin-left: 2rem;
   color: #f8fafc;
 }
@@ -864,6 +881,10 @@
   max-height: 64px;
   z-index: 997;
 }
+.navbar-fixed a,
+.navbar-fixed a:hover {
+  text-decoration: none;
+}
 .navbar-fixed nav {
   position: fixed;
   box-shadow: none !important;
@@ -992,6 +1013,9 @@
 .navbar-fixed nav .menu-items li ul.admin li {
   width: 100%;
 }
+.navbar-fixed nav .menu-items li ul.admin li.subItems i.icon:before {
+  background-color: #1a2732 !important;
+}
 .navbar-fixed nav .menu-items li ul.admin li.subItems ul {
   right: 100%;
   top: 0;
@@ -1002,6 +1026,9 @@
 .navbar-fixed nav .menu-items li.subItems {
   position: relative;
 }
+.navbar-fixed nav .menu-items li.subItems i.icon:before {
+  background-color: #1a2732 !important;
+}
 .navbar-fixed nav .menu-items li:hover > ul {
   display: block;
 }
@@ -1020,9 +1047,20 @@
 }
 }
 @media only screen and (max-width : 600px) {
+.navbar-fixed nav .notifications-bell {
+    line-height: 64px;
+}
 .navbar-fixed nav .notifications-bell .notification-href {
     padding-bottom: 17px;
 }
+.navbar-fixed nav .notifications-bell .v-dropdown-menu__container {
+    left: 0;
+    transform: translateX(0) !important;
+    top: 85px;
+    height: 100%;
+    position: fixed;
+    width: 100vw;
+}
 }
 @media only screen and (min-width : 993px) {
 .navbar-fixed nav .notifications-bell {
@@ -1069,6 +1107,9 @@
   width: 100%;
   background-color: #253746;
 }
+.navbar-fixed nav .menu-items-overflowed ul > li.subItems i.icon:before {
+  background-color: #ffffff !important;
+}
 .navbar-fixed nav .menu-items-overflowed ul > li.subItems ul {
   top: 0;
   right: initial;
@@ -1078,6 +1119,9 @@
 .navbar-fixed nav .menu-items-overflowed ul li a {
   line-height: 56px;
 }
+.navbar-fixed nav .menu-items-overflowed ul li.subItems i.icon:before {
+  background-color: #ffffff !important;
+}
 .navbar-fixed nav .menu-items-overflowed ul li.subItems:hover > ul {
   display: flex;
   visibility: visible;
@@ -1635,11 +1679,6 @@ main {
 .pointer {
   cursor: pointer;
 }
-a,
-a:hover {
-  text-decoration: none;
-  color: #008c79;
-}
 .modal.confirm {
   box-sizing: border-box;
   min-width: 280px;
@@ -1683,6 +1722,11 @@ a:hover {
 .give-kudos .subtitle {
   padding: 0px 0 30px 0;
 }
+.give-kudos .subtitle a,
+.give-kudos .subtitle a:hover {
+  text-decoration: none;
+  color: #008c79;
+}
 .give-kudos .form {
   display: grid;
   grid-template-columns: auto 207px;