Aligns context menu buttons correctly

This commit is contained in:
Josh Perez 2022-08-03 16:54:02 -04:00 committed by GitHub
parent 8bcb584ca5
commit 8f47259b1b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 1 deletions

View file

@ -2,6 +2,12 @@
// SPDX-License-Identifier: AGPL-3.0-only
.ContextMenu {
&__container {
align-items: center;
display: flex;
justify-content: center;
}
&__popper {
@extend %module-composition-popper;
margin: 0;

View file

@ -134,7 +134,12 @@ export function ContextMenu<T>({
const getClassName = getClassNamesFor('ContextMenu', moduleClassName);
return (
<div className={theme ? themeClassName(theme) : undefined}>
<div
className={classNames(
getClassName('__container'),
theme ? themeClassName(theme) : undefined
)}
>
<button
aria-label={i18n('ContextMenu--button')}
className={classNames(