javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 04:53:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(all): overlay components no longer display outline when focused (#21226)

Browse Source
This commit is contained in:
Liam DeBeasi
2020-05-07 16:33:51 -04:00
committed by GitHub
parent cae389bd12
commit bb62023a0c
7 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/action-sheet/action-sheet.scss
View File

@ -52,6 +52,8 @@
display: block; display: block;
position: fixed; position: fixed;
outline: none;
font-family: $font-family-base; font-family: $font-family-base;
touch-action: none; touch-action: none;
@ -210,4 +212,4 @@
opacity: var(--button-background-hover-opacity); opacity: var(--button-background-hover-opacity);
} }
} }
} }

2
core/src/components/alert/alert.scss
View File

@ -32,6 +32,8 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
outline: none;
font-family: $font-family-base; font-family: $font-family-base;
contain: strict; contain: strict;

4
core/src/components/loading/loading.scss
View File

@ -33,6 +33,8 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
outline: none;
font-family: $font-family-base; font-family: $font-family-base;
contain: strict; contain: strict;
@ -72,4 +74,4 @@
.spinner-crescent, .spinner-crescent,
.spinner-dots { .spinner-dots {
color: var(--spinner-color); color: var(--spinner-color);
} }

4
core/src/components/modal/modal.scss
View File

@ -45,6 +45,8 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
outline: none;
contain: strict; contain: strict;
} }
@ -77,7 +79,7 @@
.modal-shadow { .modal-shadow {
position: absolute; position: absolute;
background: transparent; background: transparent;
} }

2
core/src/components/picker/picker.scss
View File

@ -40,6 +40,8 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
outline: none;
font-family: $font-family-base; font-family: $font-family-base;
contain: strict; contain: strict;

2
core/src/components/popover/popover.scss
View File

@ -32,6 +32,8 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
outline: none;
color: $popover-text-color; color: $popover-text-color;
z-index: $z-index-overlay; z-index: $z-index-overlay;

2
core/src/components/toast/toast.scss
View File

@ -49,6 +49,8 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
outline: none;
color: var(--color); color: var(--color);
font-family: $font-family-base; font-family: $font-family-base;