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

UI polish #460

Open
wants to merge 25 commits into
base: master
Choose a base branch
from
Open

UI polish #460

wants to merge 25 commits into from

Conversation

jeromelacote
Copy link

CSS and HTML UI polish: tidied up font sizes, margins and paddings.
Used more gradients to make the app less "flat"

CSS and HTML UI polish: tidied up font sizes, margins and paddings.
Used more gradients to make the app less "flat"
@Papabyte
Copy link
Contributor

Papabyte commented Jul 7, 2019

There looks to be a space missing in this class:

<p class="size-13m10b db text-gray" translate>Could not fetch transaction history</p>

@jeromelacote
Copy link
Author

sorry about that. it's fixed with new commit

<div ng-if="!index.anyOnGoingProcess || 1" style="position: relative;">
<div ng-show="index.updateError" ng-click='index.openWallet(); index.updateTxHistory()'>
<span class="size-12 db m10b">{{index.updateError|translate}}</span>
<span class="size-13db m10b">{{index.updateError|translate}}</span>
Copy link
Member

Choose a reason for hiding this comment

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

space

@@ -217,7 +220,7 @@ <h4 ng-show="!index.requiresMultipleSignatures" class="title m0" translate>Unsen
ng-include="index.txTemplateUrl">
</div>

<div class="text-gray text-center size-12 p10t"
<div class="text-gray text-center size-13p10t"
Copy link
Member

Choose a reason for hiding this comment

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

space

@tonyofbyteball
Copy link
Member

There are at least a couple more, I commented in the code.

- fix headers spacing
- improve color selection
- button are more proportionated (smaller)
- use correct color with gradient in homepage headers
- more margin tweaks
@jeromelacote
Copy link
Author

  • fix headers spacing
  • improve color selection
  • button are more proportionated (smaller)
  • use correct color with gradient in homepage headers
  • more margin tweaks

- remove header bottom white line
- reduce the h4 separator height
- fix the recipient selector header colors
add back  enable_text_select
-Fixed

# looks like some top padding is required here, what do you think?
-I prefer without it, it’s more standard with native UI

# looks odd that "what to send" and "amount" labels are of different size
-Fixed

# "+ Add fields" seems too close to "who signs", what do you think?
- I believe it’s fixed  but I have’t Benn able to test in “real life” (I commented out the ng-hide for test)

# and whenever you select sending data in "what to send", the Send button seems too close to the bottom of the screen
- I will also be cut  or under the fold if the signer list get long enough/ To address this we would have to make the button a fixed position and the test of the page scrollable within something like an iframe

# the new sent/received tags are so big, they do not look well on iPhone 5 screen (change the width in package.json to 320px to reproduce)
I have 0 bytes and no history in my build so I can’t re produce it but it looks like this screen would need some adjustment.

# not sure if dollar amount is correctly aligned with green checkmark, what do you think?
-I added some offset. Fixed.

# "textcoin" tags now get wrapped even on 400px screen
- I was not able to reproduce, I have no history.

# well, they were wrapped before but at least they kept the padding to the right

# when i start typing into the Amount field on the Send tab, the field height suddenly changes
- Do you talk about the send page. I don’t observe that.

# what made you remove the gradient color from the home screen?
- Not on purpose. It has been restored.

# when i start typing into the Address field on the Send tab, the field height suddenly changes too
- Do you talk about the send page. I don’t observe that.


 - I also made sure sore url in the witnesses preferences won’t run out of screen
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.

3 participants