fixup! feat(aio): implement survey notification link

angular · Jan 11, 2018 · 0e4faca · 0e4faca
1 parent 22c0489
commit 0e4faca
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/aio/src/styles/1-layouts/_top-menu.scss b/aio/src/styles/1-layouts/_top-menu.scss
@@ -12,6 +12,10 @@ mat-toolbar.mat-toolbar {
   z-index: 10;
   box-shadow: 0 2px 5px 0 rgba(0,0,0,0.30);
 
+  mat-toolbar-row {
+    padding: 0 16px 0 0;
+  }
+
   mat-icon {
     color: $white;
   }

diff --git a/aio/src/styles/2-modules/_notification.scss b/aio/src/styles/2-modules/_notification.scss
@@ -1,7 +1,7 @@
 $notificationHeight: 56px;
 
 // we need to override some of the toolbar styling
-mat-toolbar-row.notification-container {
+.mat-toolbar mat-toolbar-row.notification-container {
   padding: 0;
   height: auto;
   overflow: hidden;
@@ -32,6 +32,7 @@ aio-notification {
 
   .content {
     display: flex;
+    max-width: calc(100% - #{$notificationHeight});
     text-transform: none;
     padding: 0;
 
@@ -42,6 +43,11 @@ aio-notification {
       }
     }
 
+    .message {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
     .action-button {
       margin-left: 10px;
       background: $brightred;
@@ -97,4 +103,4 @@ aio-notification {
   mat-sidenav.mat-sidenav.sidenav, .toc-container {
     transition: top 250ms ease;
   }
-}
+}