diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-09-10 08:09:43 -0700 |
---|---|---|
committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-09-24 10:12:54 -0700 |
commit | 5b8cef81cfa896ecdb0b6ad9d43c78d67d087a62 (patch) | |
tree | d8cd74dcadcacde0437d97b694db6c6e5deed096 /app/common/styles/base | |
parent | 9e961fab86142547d3c3ab8b130b4089bd9fe756 (diff) | |
download | phosphor-webui-5b8cef81cfa896ecdb0b6ad9d43c78d67d087a62.tar.gz phosphor-webui-5b8cef81cfa896ecdb0b6ad9d43c78d67d087a62.zip |
Add batch action functionality to table Component
These changes aren't currently implemented on any table.
It will be added to event logs and local user table.
- Create tableCheckbox component to handle custom styles
and indeterminate state which needs to be set with JS
- Update tableComponent layout to allow transition for
toolbar. Updated user-accounts layout and styles to
account for these changes
Tested on Chrome, Safari, Firefox, Edge, IE
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ic57a090db1ef66f9d33facfdc425db868ae8d8c6
Diffstat (limited to 'app/common/styles/base')
-rwxr-xr-x | app/common/styles/base/variables.scss | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/app/common/styles/base/variables.scss b/app/common/styles/base/variables.scss index 0e09f86..55a3eed 100755 --- a/app/common/styles/base/variables.scss +++ b/app/common/styles/base/variables.scss @@ -3,4 +3,12 @@ $duration--fast-02: 110ms; //Micro-interactions such as fade $duration--moderate-01: 150ms; //Micro-interactions, small expansion, short distance movements $duration--moderate-02: 240ms; //Expansion, system communication, toast $duration--slow-01: 400ms; //Large expansion, important system notifications -$duration--slow-02: 700ms; //Background dimming
\ No newline at end of file +$duration--slow-02: 700ms; //Background dimming + +// https://www.carbondesignsystem.com/guidelines/motion/basics/#easing +$standard-easing--productive: cubic-bezier(0.2, 0, 0.38, 0.9); +$standard-easing--expressive: cubic-bezier(0.4, 0.14, 0.3, 1); +$entrance-easing--productive: cubic-bezier(0, 0, 0.38, 0.9); +$entrance-easing--expressive: cubic-bezier(0, 0, 0.3, 1); +$exit-easing--productive: cubic-bezier(0.2, 0, 1, 0.9); +$exit-easing--expressive: cubic-bezier(0.4, 0.14, 1, 1);
\ No newline at end of file |