diff --git a/lib/src/components/buttons/rounded_button.dart b/lib/src/components/buttons/rounded_button.dart index 28e7bbe..7f974bb 100644 --- a/lib/src/components/buttons/rounded_button.dart +++ b/lib/src/components/buttons/rounded_button.dart @@ -36,7 +36,7 @@ class _RoundedButtonState extends State { static const _additionalSpace = 1.0; - static const _defaultChevronOffset = Offset(4, 2); + static const _defaultChevronOffset = Offset(3.0, 9); @override Widget build(BuildContext context) { diff --git a/lib/src/components/chevron.dart b/lib/src/components/chevron.dart index 18743ea..c4472ac 100644 --- a/lib/src/components/chevron.dart +++ b/lib/src/components/chevron.dart @@ -25,27 +25,15 @@ class Chevron extends StatelessWidget { @override Widget build(BuildContext context) { - return RotatedBox( - quarterTurns: _quartedTurnsForDirection(direction), - child: CustomPaint( - size: size, - painter: _CrossPainter( - color: color, - lineWidth: lineWidth, - ), + return CustomPaint( + size: size, + painter: _ChevronPainter( + color: color, + lineWidth: lineWidth, + direction: direction, ), ); } - - int _quartedTurnsForDirection(ChevronDirection direction) { - return const { - ChevronDirection.down: 0, - ChevronDirection.left: 1, - ChevronDirection.up: 2, - ChevronDirection.right: 3, - }[direction] ?? - 0; - } } /// The direction where the chevron arrow will be pointing. @@ -63,16 +51,36 @@ enum ChevronDirection { left } -class _CrossPainter extends CustomPainter { +class _ChevronPainter extends CustomPainter { final double lineWidth; final Color color; + final ChevronDirection? direction; /// constructor - _CrossPainter({ + _ChevronPainter({ required this.color, required this.lineWidth, + this.direction, }); + double _getRadiansForDirection(ChevronDirection? direction) { + const double _pi = 3.1415; + const double _halfOfPi = _pi / 2; + + switch (direction) { + case ChevronDirection.down: + return 0.0; + case ChevronDirection.left: + return _halfOfPi; + case ChevronDirection.up: + return _pi; + case ChevronDirection.right: + return -_halfOfPi; + default: + return 0.0; + } + } + @override void paint(Canvas canvas, Size size) { final paint = Paint() @@ -87,6 +95,8 @@ class _CrossPainter extends CustomPainter { final x = halfLine / 2; + canvas.rotate(_getRadiansForDirection(direction)); + canvas.drawLine( Offset.zero, Offset(halfWidth + x, halfHeight + x), diff --git a/lib/src/widgets/help_collection/horizontal_help_widget.dart b/lib/src/widgets/help_collection/horizontal_help_widget.dart index d3e2184..b48cc35 100644 --- a/lib/src/widgets/help_collection/horizontal_help_widget.dart +++ b/lib/src/widgets/help_collection/horizontal_help_widget.dart @@ -28,6 +28,7 @@ class HorizontalHelpWidget extends StatelessWidget { // It's fontSize for "Hide" button in options static const _hideButtonFontSize = 19.2; + static const _additionalSpacing = 14.0; static const _optionsFontSize = 20.8; static const _optionHeight = 51.19; static const _outerHorizontalPadding = 25.6; @@ -62,7 +63,8 @@ class HorizontalHelpWidget extends StatelessWidget { onClose: _controller.goBack, hideButtonFontSize: _hideButtonFontSize, chevronSize: const Size.square(9), - chevronPadding: const EdgeInsets.only(left: 6, bottom: 3.5), + chevronPadding: const EdgeInsets.only(left: 15, top: 13.5), + additionalSpacing: _additionalSpacing, ), ), ), diff --git a/lib/src/widgets/help_collection/square_help_widget.dart b/lib/src/widgets/help_collection/square_help_widget.dart index 77ded9a..038b3dd 100644 --- a/lib/src/widgets/help_collection/square_help_widget.dart +++ b/lib/src/widgets/help_collection/square_help_widget.dart @@ -31,7 +31,7 @@ class SquareHelpWidget extends StatelessWidget { static const _optionsWidth = 246.39; static const _lineWidth = 2.0; static const _chevronSize = 5.625; - static const _chevronOffset = Offset(-1.5, 0); + static const _chevronOffset = Offset(4.5, 0); /// Constructor SquareHelpWidget({ diff --git a/lib/src/widgets/links_card_widget/links_card_button.dart b/lib/src/widgets/links_card_widget/links_card_button.dart index 0854885..789ed2b 100644 --- a/lib/src/widgets/links_card_widget/links_card_button.dart +++ b/lib/src/widgets/links_card_widget/links_card_button.dart @@ -38,10 +38,10 @@ class _LinksCardButtonState extends State { static const _defaultFontSize = 16.64; static const _defaultChevronPadding = EdgeInsets.only( - left: 7, - bottom: 2.5, + left: 13.0, + top: 10.0, ); - static const double _defaultAdditionalSpacing = 4.0; + static const double _defaultAdditionalSpacing = 10.0; void _onHoverChanged(bool value) { setState(() {