Aligns context menu buttons correctly
This commit is contained in:
parent
8bcb584ca5
commit
8f47259b1b
2 changed files with 12 additions and 1 deletions
|
@ -2,6 +2,12 @@
|
||||||
// SPDX-License-Identifier: AGPL-3.0-only
|
// SPDX-License-Identifier: AGPL-3.0-only
|
||||||
|
|
||||||
.ContextMenu {
|
.ContextMenu {
|
||||||
|
&__container {
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
&__popper {
|
&__popper {
|
||||||
@extend %module-composition-popper;
|
@extend %module-composition-popper;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -134,7 +134,12 @@ export function ContextMenu<T>({
|
||||||
const getClassName = getClassNamesFor('ContextMenu', moduleClassName);
|
const getClassName = getClassNamesFor('ContextMenu', moduleClassName);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={theme ? themeClassName(theme) : undefined}>
|
<div
|
||||||
|
className={classNames(
|
||||||
|
getClassName('__container'),
|
||||||
|
theme ? themeClassName(theme) : undefined
|
||||||
|
)}
|
||||||
|
>
|
||||||
<button
|
<button
|
||||||
aria-label={i18n('ContextMenu--button')}
|
aria-label={i18n('ContextMenu--button')}
|
||||||
className={classNames(
|
className={classNames(
|
||||||
|
|
Loading…
Reference in a new issue