Commit Graph

133 Commits

Author SHA1 Message Date
Jaco
ff328328ac
Small update to menu sizing (#8769)
* Small update to menu sizing

* Additional

* Align all short address displays

* shor hashes, short addresses

* isLoading to inputs

* Adjust --tmp for Labelled

* jiggle endpoint display

* button sizes

* label sizing

* final label sizing

* column headers

* label padding

* parachain hashes
2023-01-12 09:36:21 +02:00
Jaco
9647a68b4a
Font styling (#8764)
* Font styling

* Additional adjustments

* Adjust

* Node headers & Table numbers

* Adjust

* mono size adjust

* Adjust upwards for headers

* Explicit label vars

* header font-weight

* .sub font-weight

* Adjust block headers

* Remove rx--updated
2023-01-11 20:09:13 +02:00
Jaco
f86437cd15
Adjust article.{error, warning} sizing (#8757)
* Adjust article.{error, warning} sizing

* Adjust css var naming
2023-01-11 08:15:32 +02:00
Jaco
37f44367b4
Rework context usage (& move most to react-hooks) (#8731)
* Rework context usage (& move most to react-hooks)

* Move use{Accounts, Addresses} to use contexts

* Cleanups

* Global alignment renames

* Combine keyring subjects into KeyringCtx

* Cleanups to contexts

* Small adjustment to window size usage

* Popup test via data-testid

* Fix Bounties tests

* Move getStats to correct location

* Adjust ApiStats

* Do add unsubs (although unneeded)
2023-01-09 12:56:38 +02:00
Jaco
f889abb7af
Overall adjustment to font styling (#8725)
* Overall adjustment to font styling

* Additional

* AccountName

* Table header

* One less font override

* Remove commented code

* Adjust menu sizing

* Adjust tab menu

* Adjust

* Adjust lightGreyColor
2023-01-08 12:53:43 +02:00
Jaco
f683da30cb
Apply media queries on referenda (#8679) 2023-01-03 13:49:50 +02:00
Jaco
4929b1c6fd
Update headers for 2023 (#8665)
* Update headers for 2023

* Adjust env-config
2023-01-01 10:32:05 +02:00
Jaco
cd9f723e7d
Additional address cleanups (#8628)
* Additional address cleanups

* Align Address with Account

* Adjust failing
2022-12-25 16:41:10 +02:00
Jaco
24a136b320
Bump deps (w/ deprecations) (#8532) 2022-12-14 10:07:49 +02:00
Jaco
51835328db
2022 (#6764) 2022-01-01 09:30:15 +02:00
Ewa Kowalska
03a58ad8e7
Style badges in accounts list (#6208) 2021-10-06 11:48:47 +02:00
MiZiet
25c275cd13
Style sort dropdown (#6099)
* Style sort dropdown

* Use default icons

* Use rems

* Extract border-input variable
2021-09-14 09:03:44 +02:00
MiZiet
9b81349946
Add hover to the expand button (#6052)
* Extract ExpandButton

* Add simple hover

* Lint fixes after merge

Co-authored-by: Jaco Greeff <jacogr@gmail.com>
2021-09-03 09:40:49 +02:00
MiZiet
b4967ca82c
Popup menu replace and styling (#6007)
* Add custom popup

* Render popup window with react portal

* Handle scroll

* Handle pointer scroll

* Refactor types

* Add useOutsideClick

* Restore button styles

* Update types

* Add tests

* Set multiple refs

* Cleanup

* Cleanup

* Move offset const to the utils

* Add useCallback in useScroll

* Remove empty lines in useElementPosition

* Change styled components to functional

* Make sure popup window stays in view

* Highlight trigger button when popup is open

* Add uesPopupWindow hook

* Make triangle larger

* Use full trigger height

* Apply new lint rules

* Group popup items into groups suggested by Jaco

Menu.Item is of SUI (semantic UI). It supports icons, but
we plan to replace SUI and thus this feature is likely to use
font awesome instead of SUI icons.

* Remove sui menu

* Improve styles

* Add translations

* Add hover

Co-authored-by: Marcin Wachulski <marcin@ethworks.io>
2021-08-31 10:39:17 +02:00
MiZiet
b6c827a908
Remove sui popup (#5924)
* Add custom popup

* Render popup window with react portal

* Handle scroll

* Handle pointer scroll

* Refactor types

* Add useOutsideClick

* Restore button styles

* Update types

* Add tests

* Set multiple refs

* Cleanup

* Cleanup

* Move offset const to the utils

* Add useCallback in useScroll

* Remove empty lines in useElementPosition

* Change styled components to functional

* Make sure popup window stays in view

* Highlight trigger button when popup is open

* Add uesPopupWindow hook

* Make triangle larger

* Use full trigger height

* Apply new lint rules

Co-authored-by: Jaco Greeff <jacogr@gmail.com>
2021-08-31 09:35:33 +02:00
Ewa Kowalska
e7d77a1a26
Style flags (#6003)
* Style tags

* Improve styling

* Apply lint fixes

* Extract flag styles to Flag component

* Export Flag component from index file

* Add margins

* Remove unnecessary code
2021-08-28 10:47:23 +03:00
MiZiet
9ac3d6a095
Replace sui modal with a custom one (#5914)
* Remove SUI modal

* Update modal positioning

* Clean up imports

* Restore removed size

* Add tests for Modal component

* Add border radius to actions

* Disable global scroll

* Introduce ESC_KEYCODE const

* Arrange props

* Change components definitions

* Change styled components to functional

Co-authored-by: Jaco Greeff <jacogr@gmail.com>
2021-08-24 12:14:34 +03:00
MiZiet
5c1f6729bc
Style tags (#5893)
* Style tags

* Style Input tags

* Change delete tag icon

* Update colors

* Style flags

* Apply review suggestions

Co-authored-by: Ewa Kowalska <ewcia.kowalska@gmail.com>
2021-08-14 09:10:21 +02:00
MiZiet
5b65c111d1
Add new menu styling (#4317)
* POC displaying route in Tabs

* WIP Add new menu style

Co-authored-by: Krzysztof Jelski <krzysztof-jelski@users.noreply.github.com>

* Rename Section to CurrentSection

* Add new Tabs styling

* WIP Add new menu styling

* Set menu's max-width

* Add theme styles to menu

* Change font size and font weight

* Remove r

* Remove console logs

* Update header styles

* Fix settings link padding

* Change nav link font weight

* Change settings link font weight

* Fix settings link paddings

* Change nav links font size

* Add menu padding

* Change badge paddings

* Change counter badge color to grey

* Add space between menu items

* Change chain name font styles

* Remove color setting from chain css class

* Restore previous whitish color

* Move NodeInfo component to .menuContainer

* Restore font-weights

* Increase the max-width of chain name

* Set darker color for TabsSectionDelimiter

* Center vertically the left chain icon

* Change ChainInfo's elements align and font-sizes

* storke highlight

* Restore ChainInfo alignment

* Revert badges colors

* Align right search bar

* Change menu styling to prevent menu lists blending

* Remove scrollbar from tabs

* Resolve problem with search bar placement

* Add margin-bottom to settings tab

* Change setting padding when there is no badge

* Make tab underline to ignore badge and move it under tabs bar

* WIP Change menu

* Apply contrast to menu hover

* Add bright menu hover for chains with dark chain color

* Add chain color to menu list

* Set menu list hover

* Add badge styles

* Align items badge

Co-authored-by: Krzysztof Jelski <krzysztof-jelski@users.noreply.github.com>
Co-authored-by: Krzysztof Jelski <krzysztof@ethworks.io>
Co-authored-by: alexcherman <sashacherman@gmail.com>
Co-authored-by: Jaco Greeff <jacogr@gmail.com>
Co-authored-by: Ewa Kowalska <ewcia.kowalska@gmail.com>
2021-03-24 10:27:37 +01:00
Jaco Greeff
27cc785dbb
Modal cleanups (#4855)
* Modal cleanups

* Revert header
2021-03-19 12:56:29 +01:00
Jaco Greeff
2bf88c5860
Use theme via css vars (#4789)
* Extract global CSS vars (non-theme specific)

* Use theme via css vars

* All text colors

* Additional

* All vars (excluding name...)

* Additional

* linting

* css linting

* Update Card css
2021-03-10 11:04:14 +01:00
superpw
1209283b51
minor fix for button/sliders colors (#4715)
in table buttons will render if the theme color contains linear gradient
and sliders looks grey.

This commit make a minor fix for them.
2021-02-23 10:10:09 +01:00
Jaco Greeff
46729c355a
Fix disabled menu items in dark mode (#4712) 2021-02-22 14:57:51 +01:00
Jaco Greeff
20ae28d0f3
Minor table adjustments (#4687) 2021-02-17 21:15:26 +01:00
Jaco Greeff
9b9cc54724
Add warning to bond, not send (#4656)
* Add warning to bond, not send

* Refresh update
2021-02-11 18:48:38 +01:00
MiZiet
072b26b6f2
Adjust the popup's arrow according to the theme (#4583) 2021-02-03 09:18:34 +01:00
Jaco Greeff
0323d96b4c
Row classes overrides for tables (#4472)
* Row classes overrides for tables

* Adjust faint highlight
2021-01-24 12:52:21 +01:00
Jaco Greeff
d28d9c6941
Add small QR border (#4392)
* Add small QR border

* Missing style...

* Border for networkspecs QR
2021-01-13 15:10:46 +01:00
Jaco Greeff
8db595b535
Menu hover adjustments (only background) (#4362) 2021-01-11 12:26:10 +01:00
Jaco Greeff
d8b2bab912
Warning & Error with exclamation triangle (#4331)
* Warning & Error with exclamation triangle

* Fix lint

* Apply suggestions from code review
2021-01-10 08:37:51 +01:00
Jaco Greeff
10ce7a40e8
font-weight: 400 -> theme.fontWeightNormal (#4339)
* font-weight: 400 -> theme.fontWeightNormal

* Less lazy, font-weight: 400 converted
2021-01-09 09:41:13 +01:00
Jaco Greeff
6dbb188a1a
2021 (#4310) 2021-01-03 11:33:39 +01:00
Ewa Kowalska
541213f233
Ek extract type only imports into separate group (#4168)
* Plug new beta of eslint plugin simple import sort

* Apply new configuration to existing imports
2020-12-07 16:04:05 +01:00
Ewa Kowalska
87505b1c59
Eslint imports (#4037)
* Add eslint configuration

* Patch eslint plugin for sorting imports

* Apply eslint rules for imports
2020-12-01 14:40:42 +01:00
Jaco Greeff
488230d5db
Also explicitly list h1 height (as h2) (#4073) 2020-11-25 22:24:17 +01:00
Jaco Greeff
f99dcb2b0a
Fonts from new.css (#4071)
* Fonts from new.css

* line-height 1

* h2 adjust

* rm Nunito
2020-11-25 21:42:31 +01:00
Jaco Greeff
bcb36ec4f0
Allow CopyButton on all Hash* fields (#4065) 2020-11-24 15:56:53 +01:00
Jaco Greeff
a0b82d88a4
Use import type { ... } (#4052)
* Use import type { ... }

* value imports

* TypeDefInfo

* Apply suggestions from code review

* fixes... am going blind.
2020-11-19 16:20:14 +01:00
Jaco Greeff
524cbc8a80
Add fontWeight* to theme (#3985)
* Add fontWeight* to theme

* Cleanup comments

* fontWeightLarge -> fontWeightLight
2020-11-06 14:31:23 +01:00
Thibaut Sardan
08196d3093
Cleanup style expansion (#3943)
* cleanup style expansion

* ThemeDef

* Don't create unneeded objects

Co-authored-by: Jaco Greeff <jacogr@gmail.com>
2020-11-06 13:58:04 +01:00
Jaco Greeff
50fd662f8a
Revert font changes (#3976) 2020-11-05 12:50:40 +01:00
Jaco Greeff
5070ecdd10
s/fontFamily/fontSans/ (#3968) 2020-11-04 15:11:02 +01:00
Albert
2215541cd9
Apply Nunito fonts globally (#3882)
* Add nunito fonts

* Apply Nunito fonts globally

* Remove Nunito fonts (600,800)

* Add fontFamily to themes

* Unify font-weight and font-family across app

* Fix linting

* Use Monospace font from theme where required

* Add font-family from theme to buttons

* Revert font-family change in Claim

* Provide enough vertical space for rendering of an account name with verified identity

* Use theme font in transfer and search inputs

Co-authored-by: Jaco Greeff <jacogr@gmail.com>
Co-authored-by: Krzysztof Jelski <krzysztof@ethworks.io>
2020-11-04 14:35:49 +01:00
Jaco Greeff
ae9ccf3450
Support for ink! v3 (#3828)
* Support for ink! v3

* Update packages/page-contracts/src/shared/Messages.tsx

* Cleanup displays

* Adjust

* Deploy & RPC call

* s/call/read/

* Adapt layout

* Swap to tables

* Update

* Updates to read/exec

* Adjust

* Updates

* Adjust with old code removal

* Update banner

* Adjust modals for dark

* Additional

* Bump API

* typo, case-sensitive

* Remove old types
2020-10-09 19:41:10 +02:00
Jaco Greeff
59623f419b
(Very) experimental dark theme (only localhost) (#3731)
* (Very) experimental dark theme (only localhost)

* Listener for theme changes

* ThemeProps

* Use actual theme with colors

* Page background

* Adjust with theme.bgPage

* Table adjustments

* Some progress (menu & inputs)

* Adjustments in a number of places

* Progress colors

* Modals

* Some calandar stuff

* Toggle

* Updates

* Hack around dropdowns

* Popup menus

* Overlays

* Connecting overlays
2020-10-01 15:50:33 +02:00
Jaco Greeff
41c2c6ff4d
Remove button hover highlight (#3759) 2020-09-24 16:37:57 +02:00
Jaco Greeff
714beda8d4
Button Group margins (#3723) 2020-09-20 13:23:47 +02:00
Jaco Greeff
7ba7339d96
SPDX (#3705) 2020-09-17 16:46:46 +02:00
Jaco Greeff
2e72142f6a
Determine nonce via accountNextIndex (#3704) 2020-09-17 16:08:36 +02:00
Jaco Greeff
90b1f12c04
Contrast menu on brightness (#3701)
* Add contrast colors on menu (dark vs light)

* Adjust contrast detection

* Adjust contrasts

* Don't match, use indexes
2020-09-17 12:36:14 +02:00