From 1209daa7f35b1498f77feb025cf16b9c76ae2a35 Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Mon, 9 Jun 2014 14:08:20 -0400 Subject: [PATCH] making system status notifications flexible based on content --- cms/static/sass/elements/_system-feedback.scss | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/cms/static/sass/elements/_system-feedback.scss b/cms/static/sass/elements/_system-feedback.scss index c93008e899..e1c0336c73 100644 --- a/cms/static/sass/elements/_system-feedback.scss +++ b/cms/static/sass/elements/_system-feedback.scss @@ -323,8 +323,8 @@ // shorter/status notifications &.wrapper-notification-status { @include border-top-radius(3px); - width: ($baseline*8); right: ($baseline); + width: auto; border: 4px solid $black; border-bottom: none; padding: ($baseline/2) $baseline; @@ -345,7 +345,7 @@ [class^="icon"] { width: $baseline; height: ($baseline*1.25); - margin-right: ($baseline*0.75); + margin-right: ($baseline/4); line-height: 3rem; } @@ -477,6 +477,9 @@ } &.mini { + width: auto; + max-width: none; + min-width: 0; [class^="icon"] { @include animation(rotateCW $tmg-s3 linear infinite); @@ -485,6 +488,14 @@ @include transform-origin(52% 60%); } + .copy { + width: auto; + } + + .title { + @extend %cont-truncated; + } + .copy p { @extend %cont-text-sr; }