mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
button full updates
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -44,6 +44,10 @@ $button-material-border-radius: 3px !default;
|
||||
font-size: $button-small-icon-size;
|
||||
}
|
||||
|
||||
&[full] {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&[outline] {
|
||||
box-shadow: none;
|
||||
|
||||
|
||||
1
ionic/components/button/test/fab/e2e.ts
Normal file
1
ionic/components/button/test/fab/e2e.ts
Normal file
@@ -0,0 +1 @@
|
||||
|
||||
Reference in New Issue
Block a user