vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Bugfix with ripple in floating button

old
Javi Velasco 2015-10-29 09:52:55 +01:00
parent 07ce014f63
commit 93c21438da
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/button/style.scss
View File

@ -11,6 +11,7 @@
color: $button-default-text-color; color: $button-default-text-color;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
overflow: hidden;
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
border: 0; border: 0;
@ -103,6 +104,10 @@
.icon { .icon {
line-height: $button-floating-height; line-height: $button-floating-height;
} }
[data-react-toolbox="ripple"] {
border-radius: 50%;
}
} }
.primary:not([disabled]) { .primary:not([disabled]) {

3
components/ripple/style.scss
View File

@ -3,6 +3,7 @@
%ripple { %ripple {
position: absolute; position: absolute;
z-index: $z-index-high;
pointer-events: none; pointer-events: none;
background-color: currentColor; background-color: currentColor;
border-radius: 50%; border-radius: 50%;
@ -18,6 +19,8 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: $z-index-normal;
overflow: hidden;
pointer-events: none; pointer-events: none;
} }