MOBILE-4362 styles: Transparent backdrop on popovers

src/addons/mod/data/components/action/action.ts

@@ -203,7 +203,6 @@ export class AddonModDataActionComponent implements OnInit {
         await CoreDomUtils.openPopover({
             component: AddonModDataActionsMenuComponent,
             componentProps: { items },
-            showBackdrop: true,
             id: 'actionsmenu-popover',
             event,
         });

src/core/components/combobox/combobox.scss

@@ -22,6 +22,7 @@
         --border-color: var(--core-combobox-border-color);
         --border-style: solid;
         --border-width: var(--core-combobox-border-width);
+        --border-radius: var(--radius-xs);
 
         --box-shadow: var(--core-combobox-box-shadow);
 

src/core/components/context-menu/context-menu.ts

@@ -185,7 +185,6 @@ export class CoreContextMenuComponent implements OnInit, OnDestroy {
                     title: this.title,
                     items: this.items,
                 },
-                showBackdrop: true,
                 id: this.uniqueId,
             });
 

src/core/features/course/components/module-completion/module-completion.ts

@@ -139,7 +139,6 @@ export class CoreCourseModuleCompletionComponent
                 componentProps: {
                     completion: this.completion,
                 },
-                showBackdrop: true,
                 event: { target } as Event,
             });
         } else {

src/core/services/utils/dom.ts

@@ -2191,7 +2191,7 @@ export const CoreDomUtils = makeSingleton(CoreDomUtilsProvider);
 /**
  * Options for the openPopover function.
  */
-export type OpenPopoverOptions = PopoverOptions & {
+export type OpenPopoverOptions = Omit<PopoverOptions, 'showBackdrop'> & {
     waitForDismissCompleted?: boolean;
 };
 

src/theme/theme.base.scss

@@ -1899,6 +1899,10 @@ ion-popover {
         margin-top: 2px;
         margin-bottom: 2px;
     }
+    // Never show backdrop on popovers
+    ion-backdrop {
+        background: transparent;
+    }
 }
 
 /*