Skip to content

Commit 181f65a

Browse files
committed
reactions: Increase prominence of own reactions, following web
This follows zulip/zulip@793020992, which landed after we implemented reaction chips here. (That commit makes some padding adjustments, which we don't need because changing a chip's border width doesn't affect the chip's size.)
1 parent 122ac4b commit 181f65a

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

lib/widgets/emoji_reaction.dart

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -44,11 +44,11 @@ const _backgroundColorSelected = Colors.white;
4444
// Until then use a solid color; a much-lightened version of the shadow color.
4545
// Also adapt by making [_borderColorUnselected] more transparent, so we'll
4646
// want to check that against web when implementing the shadow.
47-
final _backgroundColorUnselected = const HSLColor.fromAHSL(0.15, 210, 0.50, 0.875).toColor();
47+
final _backgroundColorUnselected = const HSLColor.fromAHSL(0.08, 210, 0.50, 0.875).toColor();
4848

49-
final _borderColorSelected = Colors.black.withOpacity(0.40);
49+
final _borderColorSelected = Colors.black.withOpacity(0.45);
5050
// TODO see TODO on [_backgroundColorUnselected] about shadow effect
51-
final _borderColorUnselected = Colors.black.withOpacity(0.06);
51+
final _borderColorUnselected = Colors.black.withOpacity(0.05);
5252

5353
class ReactionChip extends StatelessWidget {
5454
final bool showName;
@@ -91,7 +91,10 @@ class ReactionChip extends StatelessWidget {
9191
final splashColor = selfVoted ? _backgroundColorUnselected : _backgroundColorSelected;
9292
final highlightColor = splashColor.withOpacity(0.5);
9393

94-
final borderSide = BorderSide(color: borderColor, width: 1);
94+
final borderSide = BorderSide(
95+
color: borderColor,
96+
width: selfVoted ? 1.5 : 1.0,
97+
);
9598
final shape = StadiumBorder(side: borderSide);
9699

97100
final Widget emoji;

0 commit comments

Comments
 (0)