Skip to content

UI polish#460

Open
jeromelacote wants to merge 25 commits into
byteball:masterfrom
jeromelacote:master
Open

UI polish#460
jeromelacote wants to merge 25 commits into
byteball:masterfrom
jeromelacote:master

Conversation

@jeromelacote

Copy link
Copy Markdown

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

Papabyte commented Jul 7, 2019

Copy link
Copy Markdown
Contributor

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
Copy Markdown
Author

sorry about that. it's fixed with new commit

Comment thread public/views/walletHome.html Outdated
<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
Copy Markdown
Member

Choose a reason for hiding this comment

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

space

Comment thread public/views/walletHome.html Outdated
</div>

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

Copy link
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
more design reviews
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