Hover/focus styles for embedded contacts, default action

This commit is contained in:
Scott Nonnenberg
2019-11-14 18:12:31 -08:00
parent bb02fa3a7e
commit 5750412fda
5 changed files with 109 additions and 16 deletions

View File

@@ -1203,7 +1203,7 @@
.module-message__send-message-button {
@include button-reset;
width: 100%;
width: calc(100% + 24px);
@include font-body-2-bold;
@@ -1228,6 +1228,11 @@
background-color: $color-gray-75;
border: 1px solid $color-gray-45;
}
&:focus,
&:hover {
box-shadow: 0px 0px 0px 2px $color-signal-blue;
}
}
.module-message__author-avatar {
@@ -1776,10 +1781,16 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
@include button-reset;
width: 100%;
padding: 5px;
display: flex;
flex-direction: row;
align-items: center;
&:focus,
&:hover {
box-shadow: 0px 0px 0px 2px $color-signal-blue;
}
}
.module-embedded-contact--with-content-above {