consul

Commit Graph

Author	SHA1	Message	Date
John Cowen	135d22586b	ui: Tab Improvements (animations/branding) (#7772 ) * ui: Adds a tab selection animation to our app tabs 1. Replace all mentions of `magenta` with a themeable CSS property. 2. Add an easy way to inline style DOM nodes 3. Use CSS properties to add tab animation * Fix up rendering test * Avoid DOM noodling as much as possible	2020-05-12 17:14:43 +00:00
John Cowen	ee393e34fb	ui: Adds tick whilst editing the link template in the Settings area (#5820 ) 1. Amends our `base` animation placeholder to always reset transition-duration. This has no effect on other components that are already using this animation. 2. Adds a confirming class whenever a key is pressed, to show the green tick. Uses CSS via `transition-delay` for debouncing.	2019-05-17 12:33:12 +01:00
John Cowen	ece09e300d	UI: Tooltips and feedback-dialogs are the same thing - merge (#4678 )	2018-09-21 11:13:21 +01:00

Author

SHA1

Message

Date

John Cowen

135d22586b

ui: Tab Improvements (animations/branding) (#7772 )

* ui: Adds a tab selection animation to our app tabs

1. Replace all mentions of `magenta` with a themeable CSS property.
2. Add an easy way to inline style DOM nodes
3. Use CSS properties to add tab animation

* Fix up rendering test

* Avoid DOM noodling as much as possible

2020-05-12 17:14:43 +00:00

John Cowen

ee393e34fb

ui: Adds tick whilst editing the link template in the Settings area (#5820 )

1. Amends our `base` animation placeholder to always reset
transition-duration. This has no effect on other components that are
already using this animation.
2. Adds a confirming class whenever a key is pressed, to show the green
tick. Uses CSS via `transition-delay` for debouncing.

2019-05-17 12:33:12 +01:00

John Cowen

ece09e300d

UI: Tooltips and feedback-dialogs are the same thing - merge (#4678 )

2018-09-21 11:13:21 +01:00

3 Commits (e07b20e75aa7c44b0ebfca1aab5cc2aedebdb062)