diff --git a/stylesheets/_session_constants.scss b/stylesheets/_session_constants.scss index f4c199274..0867f186c 100644 --- a/stylesheets/_session_constants.scss +++ b/stylesheets/_session_constants.scss @@ -153,9 +153,9 @@ $session-font-h4: 16px; color: subtle($color); } -@mixin pulse-color($color, $repetition) { +@mixin pulse-color($color,$duration, $repetition) { - animation: pulseColor 2s $repetition; + animation: pulseColor $duration $repetition; @keyframes pulseColor { 0% { diff --git a/stylesheets/_session_conversation.scss b/stylesheets/_session_conversation.scss index c0224777b..fd242ddb7 100644 --- a/stylesheets/_session_conversation.scss +++ b/stylesheets/_session_conversation.scss @@ -192,7 +192,7 @@ &:hover { opacity: 1; - transform: scale(0.95); + transform: scale(0.93); transition: $session-transition-duration; } @@ -348,7 +348,7 @@ flex-grow: 1; outline: none; - $actions-element-size: 45px; + $actions-element-size: 30px; &--actions { display: flex; @@ -442,7 +442,7 @@ background-color: $session-color-danger-alt; margin: 0 $session-margin-sm; - @include pulse-color($session-color-danger-alt, infinite); + @include pulse-color($session-color-danger-alt, 1s, infinite); } } }