Commit Graph

86 Commits

Author SHA1 Message Date
softsimon
1093efe844
Improving loading indicator UX 2022-05-18 08:43:24 +04:00
TechMiX
0c3f9c895e fix RTL layout issues 2022-04-05 20:37:18 +02:00
hunicus
315b7593bf
Apply smooth scrolling to docs only 2022-03-30 09:44:41 -04:00
softsimon
b02c690924
Merge pull request #1458 from mempool/nymkappa/bugfix/jumping-tooltip
Disable glitchy angular tooltips animation
2022-03-25 19:15:02 +04:00
nymkappa
0a57f57a93
Disable angular tooltip animation globally 2022-03-25 22:15:16 +09:00
nymkappa
7c1155ec93
Make sure blocks list container is at least 100vh on mobile 2022-03-22 15:43:04 +09:00
hunicus
2d4b824862
Add smooth scrolling 2022-03-11 16:28:52 -05:00
softsimon
bd55f65714
Revert "Always show scrolbar to avoid horizontal jumpy UI" 2022-03-11 20:09:57 +01:00
nymkappa
758381725f
Always show scrolbar to avoid horizontal jumpy UI 2022-03-10 13:11:02 +01:00
softsimon
be45e88056
Liquid testnet navbar color 2022-01-01 13:37:20 +04:00
nymkappa
11577842a2 Refactor tooltip formatting into common file and switch to native js localization 2021-12-11 17:10:55 +09:00
softsimon
9eb159617f
Adding taproot countdown 2021-11-12 21:07:57 +04:00
Miguel Medeiros
a3de75ebf4
Add mempool special block animation. 2021-11-11 16:04:00 -03:00
Miguel Medeiros
6e35102b3a
Fix rtl mobile header menu. 2021-11-01 11:11:50 -03:00
Miguel Medeiros
9264f3cf4f
Fix title styles. 2021-10-26 21:47:28 -03:00
Miguel Medeiros
9d9ff6ed91
Fix titles height inconsistencies. 2021-10-26 21:47:26 -03:00
Miguel Medeiros
f66e0a2c12
Make tooltip style looks bigger 2021-10-07 16:19:57 -03:00
Miguel Medeiros
b857a7c37f
Fix rtl transaction title. 2021-09-29 17:13:21 -03:00
Miguel Medeiros
b2140c2abe
Change total sum column to fixed color. 2021-09-28 10:16:27 -03:00
TechMiX
2c496e9a50 add rtl hinting for new graph + move code rtl hints to style file 2021-09-15 12:06:55 +02:00
TechMiX
014d6dee66 fix various rtl issues 2021-09-15 11:02:04 +02:00
Miguel Medeiros
d376ba1c61
Move total MvB to the top.
Fix yAxis value.
Fix yAxis value.
Make disks smaller and transparent.
Change opacity on mouseover stack bars.
Add 4th column "sum of vsize" to tooltips table.
Add toggle show/hide tier fees.
Make progress active bar inline with text value.
Add a break line to the timestamp text.
Add colored progress bar with number.
2021-09-14 22:35:50 -03:00
Miguel Medeiros
9020c618f0
Change renderer to svg.
Fix data structure of mempool graph.
Change tooltip total position (top).
Change tooltip visual of partial porcentage.
2021-09-14 22:35:49 -03:00
Miguel Medeiros
584d091d4e
Fix indicator border-radius. 2021-09-14 22:35:49 -03:00
Miguel Medeiros
f434e50a2c
Invert the tooltip legends order.
Fix default data to title tooltip MM/dd HH:mm.
Add symbol to tx chart tooltip .
Add accumulative total for tooltip information.
Add 3th column to tooltip with a progress bar.
Add and max span zoom span.
Add feeRate limit input to mempool graph component.
Add showZoom option to mempool graph component.
Remove start animation to match the layout for future SSR.
Remove mouse wheel zoom from small template.
Fix small template style.
2021-09-14 22:35:49 -03:00
Miguel Medeiros
3574f8639e
Add total sum to mempool chart.
Add zoom tools.
Add different theme for charts `big` and `small` (default).
Fix date format on mouseover.
Fix animations on graphs page.
Fix overflow tv page.
Remove `crosshair` on mouseover, changed to `line`.
Fix custom tooltip styles.
Remove inverted button (will add in a future PR).
Remove fee range labels (will add in a future PR).
Fix e2e testing.
2021-09-14 22:35:48 -03:00
Miguel Medeiros
9b956ff88d
Add new component incoming-transactions-graph;
Refactor component mempool-graph;
Refactor component fee-distribution-graph;
Add incoming-transactions-graph to dashboard;
Add incoming-transactions-graph to statistics;
Add incoming-transactions-graph to television;
Add mempool-graph to dashboard;
Add mempool-graph to statistics;
Add mempool-graph to television;
Remove chartist.component;
2021-09-14 22:35:47 -03:00
Miguel Medeiros
652f88770e
Fix mouse over tooltip width. (#614) 2021-07-07 22:20:17 +03:00
Miguel Medeiros
1e9f131a2a
Fix pagination responsive layout. (#590)
* Fix pagination responsive css.

* Fix css title block transaction alignment.

* Add pagination responsive layout to bisq tx page.

* Add pagination responsive  to bisq blocks page.

* Fix pagination css - bisq txs page.

* Add e2e tests for bisq and mainnet pagination.
2021-07-05 22:28:56 +03:00
softsimon
da13349b14
Reduce titles in Russian language to prevent overflows. 2021-06-27 12:16:59 -04:00
Miguel Medeiros
353b0e8729
New API docummentation. (#544)
* Install hljs package.

* Add highlight.js stylesheet and js to index.html.

* Add new instructions for API documentation.

* Add network value to code-template component.

* Add curl examples.

* Fix tab order of bisq api page.

* Add esmodules instalation instructions.
Add external links to repositories.

* Add self-hosted hljs styles.

* Add response code examples.
Add dynamic networks to curl examples.
Remove reponse code box if not needed.

* Self hosted highlight.min.js.

* Bumping "ws" dependency to fix vulnerability.

* npm audit fix

* npm audit fix

* Remove Hightlight.js dependency.
Add new style to code-template-component.

* Remove hljs css.

* Change NgbModule and NgbAccordionModule  to shared

* Fix NgbAccordionModule import.
2021-06-06 16:06:56 -04:00
Miguel Medeiros
cd1ec53af0
Align scriptmessage text to the left. (#529)
* Align scriptmessage text to the left.
* Script message box only fills the text width.
2021-05-19 01:16:47 +04:00
Miguel Medeiros
71fa2d67cb
Fix rbf alert css. (#525) 2021-05-18 18:56:42 +04:00
Miguel Medeiros
5cd2cfa097
FIX unify the units css. (#499)
* FIX unify the units css.
* Fix units css font-size.
2021-05-18 18:20:17 +04:00
softsimon
5aa57d6df9
Bisq dashboard: Change color between red/green when price changes 2021-05-13 19:23:43 +04:00
Miguel Medeiros
b778d96910
Fix OP_RETURN truncated text. (#502)
* Fix OP_RETURN truncated text.

* Fix scriptmessage width on desktop media queries
2021-05-08 00:36:35 +04:00
Miguel Medeiros
2f8f3ca2e9
New concept for dashboard layout components. (#469)
* New concept for dashboard layout components.

* Align dashboard componentes.

* Add divider to fee box component.

* Remove TV icon from mobile and tablet queries.

* Fix form input overflow.

* Add responsive css to statistic component.

* Add responsive css to about page.

* Add global padding bottom.

* Fix graph page styles.

* Add responsive chart and scrollable table.

* Fix mobile css query for navbar menus.

* Fix pagination responsive css.

* Add CSS animated logo.

* Revert "Add CSS animated logo."

This reverts commit 92af38294c0d4fe815a801b37635cde7f8ee1ced.

* Add extra skeleton to fee-box-component.

* Fix latest-blocks and latest-transactions table css.

* Adapt Bisq pages to responsive layout.

* Remove parenthesis from fiat amout.
Fiat prive break not break on desktop.
Transaction ID align left.
Fee box skeleton width resize.

* Fix mobile table text-size.

* Fix dashboard mempool info mobile alignment.
2021-05-03 17:11:30 +04:00
Miguel Medeiros
d74677628b
New UI for responsive navbar. (#458)
New UI for responsive navbar.
fixes #458
2021-04-19 17:01:04 +04:00
Felipe Knorr Kuhn
0a07a16650 fix native scrolling on iOS devices 2021-04-17 16:11:34 -07:00
Jonathan Underwood
4fbab41cc8
Show fee tiles on mobile 2021-03-05 11:28:59 +09:00
softsimon
55df5dbd35
Signet network color. 2021-02-21 01:45:52 +07:00
softsimon
dad122625f
Adjusting h5 header font-size. 2021-01-24 13:59:39 +07:00
softsimon
f049e3abc4
Reducing size of dashboard header titles to reduce overflow depending on language. 2021-01-24 11:53:42 +07:00
softsimon
9751af096d
Adding common styling for dropdown select.
fixes #293
2021-01-16 00:10:23 +07:00
softsimon
ec845a6ac2
Renaming minimum fee to rejecting.
Adding progressbar to mempool size.
refs #171
2021-01-12 20:45:41 +07:00
softsimon
579ccaf21d
Adding missing progressbar styling. 2021-01-11 17:20:52 +07:00
TechMiX
306197c6e9 fix blockchain scrolling on mobile mode when RTL layout 2020-12-09 21:46:13 +01:00
TechMiX
c1bcf49f37 reverse all text-aligns in rtl-layout 2020-12-09 02:23:53 +01:00
TechMiX
e0adc505db add rtl-layout class to base component 2020-12-09 01:57:18 +01:00
wiz
4658b47007
Implement i18n support in frontend using Angular + Transifex + NGINX
This PR adds basic i18n support into the mempool frontend, together with
a smooth workflow for developers and translators to collaborate:

* Using the existing @angular/localize module, developers add i18n
metadata to any frontend strings their new features or changes modify

* Using the new npm script `i18n-extract-from-source`, developers
extract the i18n data from source code into `src/locale/messages.xlf`

* After pushing the updated `src/locale/messages.xlf` to GitHub, the
Transifex service will update its database from the new source data

* Using the Transifex website UI, translators can work together to
translate all the mempool frontend strings into their native languages

* Using the new npm script `i18n-pull-from-transifex`, developers can
pull in completed translations from Transifex, and commit them into git.

This flow requires an API key from Transifex, which can be obtained at
https://www.transifex.com/user/settings/api/ to be used with the python
script installed by `pip install transifex-client` - after preparing
these, run the npm script which will ask you for the API key the first
time. When downloading is complete, you can test building the frontend,
and if successful, commit the new strings files into git.

This PR implements a new locale selector in the footer of the homepage
dashboard, and includes WIP translations for the following languages:

* Czech (cs)
* German (de)
* Japanese (ja)
* Norwegian (nn)
* Spanish (es)
* Swedish (sv)
* Ukrainian (uk)
* Persian (fa)
* Portugese (pt)
* Turkish (tr)
* Dutch (nl)
* French (fr)
* Chinese (zh)
* Slovenian (sl)
* Korean (ko)
* Polish (pl)

The user-agent's `Accept-Language` header is used to automatically
detect their preferred language, which can be manually overriden by the
pull-down selector, which saves their preference to a cookie, which is
used by nginx to serve the correct HTML bundle to the user.

Remaining tasks include adding i18n metadata for strings in the Bisq and
Liquid frontend code, mouseover hover tooltip strings, hard-coded og
metadata inside HTML templates, and many other places. This will be done
in a separate PR.

When upgrading to add i18n support, mempool instance operators must take
care to install the new nginx.conf and nginx-mempool.conf files, and
tweak for their specific site configuration.

Fixes #81
2020-12-02 04:19:33 +09:00