|
|
@ -1114,9 +1114,7 @@ $bubble-beside-button-width: 38px; |
|
|
|
min-width: 10rem; |
|
|
|
min-width: 10rem; |
|
|
|
width: auto; |
|
|
|
width: auto; |
|
|
|
|
|
|
|
|
|
|
|
@include hover() { |
|
|
|
|
|
|
|
background-color: var(--light-filled-message-primary-color); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&-media { |
|
|
|
&-media { |
|
|
|
top: .125rem; |
|
|
|
top: .125rem; |
|
|
@ -1140,6 +1138,14 @@ $bubble-beside-button-width: 38px; |
|
|
|
margin-bottom: 0; // ! same margin as between name and message |
|
|
|
margin-bottom: 0; // ! same margin as between name and message |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:not(.just-media) { |
|
|
|
|
|
|
|
.reply { |
|
|
|
|
|
|
|
@include hover() { |
|
|
|
|
|
|
|
background-color: var(--light-filled-message-primary-color); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.just-media { |
|
|
|
&.just-media { |
|
|
|
.reply, |
|
|
|
.reply, |
|
|
|
.name { |
|
|
|
.name { |
|
|
|