Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Update Fonts #583

Merged
merged 15 commits into from
Oct 10, 2024
Merged

feat: Update Fonts #583

merged 15 commits into from
Oct 10, 2024

Conversation

parodyBit
Copy link
Contributor

@parodyBit parodyBit commented Sep 13, 2024

Update fonts to match the redesign
close #581

lib/widgets/info_element.dart Show resolved Hide resolved
lib/widgets/transaction_item.dart Outdated Show resolved Hide resolved
lib/widgets/wallet_list.dart Outdated Show resolved Hide resolved
lib/widgets/select_wallet_box.dart Show resolved Hide resolved
lib/widgets/PaddedButton.dart Outdated Show resolved Hide resolved
lib/widgets/stake_unstake.dart Outdated Show resolved Hide resolved
@parodyBit parodyBit force-pushed the update_fonts branch 2 times, most recently from 963bc30 to 8bc257b Compare October 8, 2024 16:41
Copy link
Contributor

@gabaldon gabaldon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • The hover background of the text button should be rounded 24px
Screenshot 2024-10-10 at 13 34 21
  • The secondary button text should be bold
Screenshot 2024-10-10 at 13 36 59
  • Why this text have a different weight?
Screenshot 2024-10-10 at 13 37 41
  • All the input labels should have the same size
Screenshot 2024-10-10 at 13 38 34 Screenshot 2024-10-10 at 13 39 04

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The address should be black
Screenshot 2024-10-09 at 18 42 46

@@ -57,21 +57,21 @@ class GenerateMnemonicCardState extends State<GenerateMnemonicCard>
children: [
Text(
localization.generateMnemonic01(_radioWordCount),
style: theme.textTheme.bodyLarge,
style: theme.textTheme.bodyMedium,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The mnemonic fontSize is too small. Also the description text seems a bit too small too.

@@ -40,7 +40,7 @@ class InitScreenState extends State<InitScreen> with TickerProviderStateMixin {
),
Text(
localization.welcome,
style: theme.textTheme.displayLarge,
style: theme.textTheme.displayLarge?.copyWith(height: 0),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Avoid modifying the height here

@@ -181,7 +181,7 @@ class GeneralConfigState extends State<GeneralConfig> {
localization.theme,
style: theme.textTheme.titleMedium,
),
SizedBox(height: 16),
SizedBox(height: 10),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why are you modifying the sizedBox?

@@ -190,15 +190,16 @@ class GeneralConfigState extends State<GeneralConfig> {
style: theme.textTheme.titleMedium,
),
PaddedButton(
padding: EdgeInsets.only(bottom: 16, top: 16),
padding: EdgeInsets.only(bottom: 16, top: 10),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Avoid modifying the padding

text: localization.lockWalletLabel,
type: ButtonType.primary,
enabled: true,
onPressed: () => logout(context)),
SizedBox(height: 16),
SizedBox(height: 12),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Avoid modfying the sizedBox

Text(
localization.versionNumber(VERSION_NUMBER),
style: theme.textTheme.titleSmall,
style: theme.textTheme.bodyMedium
?.copyWith(fontWeight: FontWeight.w700),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Avoid modifying the weight here

@@ -27,7 +27,7 @@ class CustomSwitch extends StatelessWidget {
padding: EdgeInsets.only(left: 16),
child: Text(
primaryLabel,
style: theme.textTheme.bodyLarge,
style: theme.textTheme.bodyMedium?.copyWith(fontSize: 14),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

avoid modifying the fontSize here

@@ -66,7 +66,7 @@ class TransactionsItemState extends State<TransactionsItem> {
transacionStatusCopy,
textAlign: TextAlign.start,
overflow: TextOverflow.ellipsis,
style: theme.textTheme.bodySmall,
style: theme.textTheme.bodyMedium?.copyWith(fontSize: 11),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Avoid modifying the size here

Text(address,
overflow: TextOverflow.fade,
style: extendedTheme.monoRegularText
?.copyWith(fontSize: 14))
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Lets create an extended theme for different mono font sizes

@@ -120,7 +120,7 @@ class TransactionsListState extends State<TransactionsList> {
if (widget.transactions.length > 0) {
return ListView.builder(
controller: _scroller,
padding: EdgeInsets.only(top: 8),
padding: EdgeInsets.only(top: 4),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why is this necessary?

@@ -116,7 +116,8 @@ class WalletListState extends State<WalletList> {
padding: EdgeInsets.all(0),
text: localization.createOrImportLabel,
color: theme.textTheme.displayMedium!.color,
boldText: true,
fontSize: 13,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Avoid modifying the fontSize here

@parodyBit parodyBit merged commit 9c4ed07 into witnet:redesign Oct 10, 2024
6 checks passed
@Tommytrg Tommytrg mentioned this pull request Oct 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants