fix() remove default focus styles (#13856)

This commit is contained in:
Cam Wiegert
2018-01-23 14:21:32 -06:00
committed by GitHub
parent a55101557e
commit ac9668ade1
11 changed files with 63 additions and 0 deletions

View File

@ -33,6 +33,11 @@ ion-action-sheet {
width: $action-sheet-width; width: $action-sheet-width;
border: 0; border: 0;
&:active,
&:focus {
outline: none;
}
} }
.action-sheet-container { .action-sheet-container {

View File

@ -105,3 +105,14 @@ ion-alert input {
line-height: initial; line-height: initial;
background: transparent; background: transparent;
} }
.alert-button,
.alert-checkbox,
.alert-input,
.alert-radio {
&:active,
&:focus {
outline: none;
}
}

View File

@ -9,4 +9,9 @@
width: $chip-button-size; width: $chip-button-size;
height: $chip-button-size; height: $chip-button-size;
&:active,
&:focus {
outline: none;
}
} }

View File

@ -29,6 +29,11 @@
user-select: none; user-select: none;
contain: strict; contain: strict;
&:active,
&:focus {
outline: none;
}
} }
.fab-button ion-icon { .fab-button ion-icon {

View File

@ -38,6 +38,11 @@ ion-input {
border: 0; border: 0;
background: transparent; background: transparent;
&:active,
&:focus {
outline: none;
}
} }
.native-input[disabled] { .native-input[disabled] {

View File

@ -24,6 +24,11 @@ ion-radio input {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
&:active,
&:focus {
outline: none;
}
} }
ion-radio .radio-icon { ion-radio .radio-icon {

View File

@ -52,3 +52,10 @@ ion-range .range-slider {
.range-pin { .range-pin {
box-sizing: border-box; box-sizing: border-box;
} }
.range-knob-handle {
&:active,
&:focus {
outline: none;
}
}

View File

@ -36,6 +36,11 @@ ion-searchbar {
border: 0; border: 0;
font-family: inherit; font-family: inherit;
&:active,
&:focus {
outline: none;
}
} }
.searchbar-clear-icon { .searchbar-clear-icon {

View File

@ -25,4 +25,9 @@ ion-segment {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
&:active,
&:focus {
outline: none;
}
} }

View File

@ -43,6 +43,11 @@ ion-textarea {
font-size: inherit; font-size: inherit;
background: transparent; background: transparent;
&:active,
&:focus {
outline: none;
}
} }
.native-textarea[disabled] { .native-textarea[disabled] {

View File

@ -104,6 +104,11 @@ ion-buttons,
vertical-align: -webkit-baseline-middle; // the best for those that support it vertical-align: -webkit-baseline-middle; // the best for those that support it
user-select: none; user-select: none;
&:active,
&:focus {
outline: none;
}
} }
.bar-button::after { .bar-button::after {