Anonymous | Login
Project:
RSS
  
News | My View | View Issues | Roadmap | Summary

View Revisions: Issue #47449 All Revisions ] Back to Issue ]
Summary 0047449: Ripple effect while pressing on buttons, is not the Material Design one
Revision 2021-09-16 12:29 by dbaz
Description Ripple effect while pressing on buttons, is not the Material Design one.

The Material Design should start the ripple effect in the exact point where it has been pressed. In current application the ripple effect always start from the center of the button

https://material-ui.com/components/buttons/ [^]
https://jsfiddle.net/qtp5re1o/ [^]

Also, due to the current implementation, there is
.obc2BaseButton-overlay {
...
   transition: background 0.8s;
...
}

which causes an undesired transition effect while moving a button to 'disabled' state, accompanied with a shining effect. (this effect was wrongly added during scss-refactor project)

Revision 2021-07-22 17:52 by dbaz
Description Ripple effect while pressing on buttons, is not the Material Design one.

The Material Design should start the ripple effect in the exact point where it has been pressed. In current application the ripple effect always start from the center of the button

https://material-ui.com/components/buttons/ [^]
https://jsfiddle.net/qtp5re1o/ [^]

Also, due to the current implementation, there is
.obc2BaseButton-overlay {
...
   transition: background 0.8s;
...
}

which causes an undesired transition effect while moving a button to 'disabled' state, accompanied with a shining effect.

Revision 2021-07-22 17:45 by dbaz
Description Ripple effect while pressing on buttons, is not the Material Design one.

The Material Design should start the ripple effect in the exact point where it has been pressed. In current application the ripple effect always start from the center of the button

https://material-ui.com/components/buttons/ [^]
https://jsfiddle.net/qtp5re1o/ [^]

Also, due to the current implementation, there is
.obc2BaseButton-overlay {
...
   transition: background 0.8s;
...
}

which causes an ugly lightning effect.


Copyright © 2000 - 2009 MantisBT Group
Powered by Mantis Bugtracker