toggle-components-library 1.25.15 → 1.25.17

package/src/sass/includes/_as_navs.scss

@@ -140,30 +140,124 @@
   min-height: 100vh;
 
   .toggle-multi-tier-sidenav-logo {
-    max-width: 6rem;
-    margin: 1rem 0 1rem 0.6rem;
+    max-width: 7rem;
+    margin: 1rem 0 2rem 0.6rem;
   }
 
   .toggle-multi-tier-sidenav-user-icon {
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
-    background-image: url("../assets/icons/airship-user-icon.svg");
+    background-image: url("../assets/icons/airship-circle-user-icon.svg");
+    width: 2rem;
+    height: 2rem;
+    margin: 1rem 0 1rem 0.6rem;
+    cursor: pointer;
+
+    &:hover {
+        animation: tilt-shake 0.4s;
+        background-image: url("../assets/icons/airship-circle-user-icon-hover.svg");
+    }
+  }
+
+  .toggle-multi-tier-sidenav-user-icon-menu-open {
+    background-position: center;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-image: url("../assets/icons/airship-x.svg");
     width: 2rem;
     height: 2rem;
-    margin: 2rem 0 1rem 0.6rem;
+    margin: 1rem 0 1rem 0.6rem;
     cursor: pointer;
 
     &:hover {
         animation: tilt-shake 0.4s;
-        background-image: url("../assets/icons/airship-user-icon-hover.svg");
+        background-image: url("../assets/icons/airship-x-hover.svg");
     }
   }
 
+  .toggle-multi-tier-sidenav-user-menu-container {
+    padding: 0;
+    position: relative;
+    bottom: 3.9rem;
+    z-index: 99;
+  }
+
+  .toggle-multi-tier-sidenav-user-menu {
+    position: absolute;
+    background-color: #ffffff;
+    border-radius: 0.5rem;
+    padding: 0;
+    bottom: -4rem;
+    height: fit-content;
+    margin: 2rem 0 0 0.6rem;
+    width: 96%;
+  }
+
+ .toggle-multi-tier-sidenav-user-menu:after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 15px;
+	width: 0px;
+	height: 0;
+	border: 8px solid transparent;
+	border-top-color: #ffffff;
+	border-bottom: 0px;
+	margin-left: -8px;
+	margin-bottom: -8px;
+}
+
+  .toggle-multi-tier-sidenav-user-menu-divider {
+    width: 92%;
+    margin: 0.9rem 0rem 1.2rem .6rem;
+    border-bottom: 1px solid #E9EDF2;
+  }
+
   .toggle-multi-tier-sidenav-title {
+    font-size: 0.9rem;
     margin: 2rem 0 0 .6rem;
   }
 
+  .toggle-multi-tier-sidenav-user-name {
+    margin: 0 0 0 1.5rem;
+    padding: .8rem 0 0 .6rem;
+    font-size: .9rem
+  }
+
+  .toggle-multi-tier-sidenav-user-menu:before {
+    content: '';
+    position: absolute;
+    background-position: center;
+    background-size: contain;
+    background-repeat: no-repeat;
+    width: .9rem;
+    height: .9rem;
+    margin: 1rem 0 1rem 0.6rem;
+    background-image: url("../assets/icons/airship-user-icon.svg");
+  }
+
+  .toggle-multi-tier-sidenav-user-menu-ul {
+    display: flex;
+    flex-direction: column;
+    padding: 0;
+    margin: 0;
+    li {
+      list-style: none;
+      font-family: $toggle-font-family;
+      font-size: .9rem;
+      padding: 0 0 1.5rem 0.6rem;
+      a, span {
+          color: #354b64;
+        }
+    }
+    li:hover {
+      a, span {
+          color: $toggle-blue;
+        }
+    }
+  }
+
   .toggle-multi-tier-sidenav-select-container {
     height: max-content;
     overflow: hidden;
@@ -179,7 +273,7 @@
     .toggle-multi-tier-sidenav-item {
       list-style: none;
       font-family: $toggle-font-family;
-      font-size: 1.1rem;
+      font-size: 1rem;
       font-weight: bold !important;
       padding-bottom: 0.25rem;
 
@@ -402,6 +496,17 @@
                   background-image: url("../assets/icons/airship-hat-hover.svg");
                 }
 
+        &.airship-audiences-icon a::before,
+        &.airship-audiences-icon span::before {
+          background-image: url("../assets/icons/airship-audiences.svg");
+        }
+
+                &.airship-audiences-icon a:hover::before,
+                &.airship-audiences-icon span:hover::before {
+                  animation: tilt-shake 0.4s;
+                  background-image: url("../assets/icons/airship-audiences-hover.svg");
+                }
+
       }
     }
 

package/src/sass/includes/_as_table.scss

@@ -77,7 +77,6 @@ table.toggle-table {
 
       background: url(/img/icons/arrow-down-blue-tiny.svg) center right no-repeat;
       background-size: 15px;
-    
       padding           : 0.5rem 0rem 0.5rem 1rem;
     }
   }
@@ -131,6 +130,7 @@ table.toggle-table {
             border-top-right-radius: 10px;
             border-bottom-right-radius: 10px;
         }
+
         td.toggle-tablee-td {
             .toggle-button {
                 &.neutral {
@@ -139,6 +139,7 @@ table.toggle-table {
             }
         }
 
+
     }
    
   }

package/src/sass/includes/_as_text.scss

@@ -51,7 +51,7 @@ a {
       background-position: center;
       background-size: contain;
       background-repeat: no-repeat;
-      cursor:pointer;
+      cursor:copy;
     }
   }
 }