test(action-sheet): change styles

Author: thetaPC

core/src/components/action-sheet/action-sheet.scss

@@ -101,6 +101,8 @@
   font-family: inherit;
 
   overflow: hidden;
+
+  z-index: 0;
 }
 
 .action-sheet-button:disabled {
@@ -123,7 +125,7 @@
   width: 100%;
   height: 100%;
 
-  z-index: 1;
+  // z-index: 1;
 }
 
 .action-sheet-container {
@@ -177,9 +179,9 @@
 // Action Sheet: States
 // --------------------------------------------------
 
-.action-sheet-button::after {
-  @include button-state();
-}
+// .action-sheet-button::after {
+//   @include button-state();
+// }
 
 
 // Action Sheet: Selected

core/src/components/action-sheet/action-sheet.tsx

@@ -388,6 +388,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
         <div tabindex="0"></div>
 
         <div class="action-sheet-wrapper ion-overlay-wrapper" ref={(el) => (this.wrapperEl = el)}>
+          <div class="action-sheet-container">
             <div class="action-sheet-group" ref={(el) => (this.groupEl = el)}>
               {header !== undefined && (
                 <div
@@ -442,6 +443,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
                 </button>
               </div>
             )}
+          </div>
         </div>
 
         <div tabindex="0"></div>