diff --git a/ionic/components/button/button.scss b/ionic/components/button/button.scss index 97e8162e5b..567ad04326 100644 --- a/ionic/components/button/button.scss +++ b/ionic/components/button/button.scss @@ -113,6 +113,12 @@ button, &.activated { opacity: 0.3 !important; } + + &[full] { + border-radius: 0; + border-right-width: 0; + border-left-width: 0; + } } &[block] { @@ -129,7 +135,11 @@ button, &[full] { width: 100%; + margin-right: 0; + margin-left: 0; border-radius: 0; + border-right-width: 0; + border-left-width: 0; } &.disabled, @@ -187,20 +197,6 @@ button, } } -[full], -[full] > button, -[full] > [button] { - display: flex; - margin-right: 0; - margin-left: 0; - width: 100%; - border-radius: 0; - - &[outline][outline] { - border-right-width: 0; - border-left-width: 0; - } -} .padding > button[block]:first-child, .padding > [button][block]:first-child { @@ -238,6 +234,12 @@ a[button] { color: $fg-color; transition: background-color,opacity 100ms linear; + &[full][outline] { + border-radius: 0; + border-right-width: 0; + border-left-width: 0; + } + &:hover, &.hover { opacity: 0.88; diff --git a/ionic/components/button/extensions/material.scss b/ionic/components/button/extensions/material.scss index 83095b2ce4..aa0eddfe0c 100644 --- a/ionic/components/button/extensions/material.scss +++ b/ionic/components/button/extensions/material.scss @@ -44,6 +44,10 @@ $button-material-border-radius: 3px !default; font-size: $button-small-icon-size; } + &[full] { + border-radius: 0; + } + &[outline] { box-shadow: none; diff --git a/ionic/components/button/test/fab/e2e.ts b/ionic/components/button/test/fab/e2e.ts new file mode 100644 index 0000000000..8b13789179 --- /dev/null +++ b/ionic/components/button/test/fab/e2e.ts @@ -0,0 +1 @@ +