mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
feat(ripple): navbar button ripple
C
This commit is contained in:
@ -23,7 +23,7 @@ export class RippleActivator extends Activator {
|
||||
|
||||
let x = Math.max(Math.abs(clientRect.width - clientPointerX), clientPointerX) * 2;
|
||||
let y = Math.max(Math.abs(clientRect.height - clientPointerY), clientPointerY) * 2;
|
||||
let diameter = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
|
||||
let diameter = Math.max(Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2)), 64);
|
||||
|
||||
let radius = Math.sqrt(clientRect.width + clientRect.height);
|
||||
let duration = (1000 * Math.sqrt(radius / TOUCH_DOWN_ACCEL) + 0.5);
|
||||
|
@ -19,6 +19,7 @@ $toolbar-md-button-font-size: 1.4rem !default;
|
||||
padding: 0 5px;
|
||||
min-height: 32px;
|
||||
box-shadow: none;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button.icon-only,
|
||||
|
@ -27,6 +27,7 @@ $toolbar-order: (
|
||||
|
||||
padding: $toolbar-padding;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
button,
|
||||
[button] {
|
||||
|
Reference in New Issue
Block a user