Skip to content

Commit

Permalink
fix(accordion): margin and padding of .item.accordion within power menu
Browse files Browse the repository at this point in the history
- due to .ui.accordion .accordion rule from semantic ui we get different
  values for this particular item.
  By importing the default value if found we can preserve the original
  value of padding and only if not found provide a fallback padding
  • Loading branch information
ichim-david committed Jul 13, 2023
1 parent 42df1e1 commit 3a9c8f5
Showing 1 changed file with 9 additions and 2 deletions.
11 changes: 9 additions & 2 deletions src/components/manage/Blocks/Accordion/editor.less
Original file line number Diff line number Diff line change
@@ -1,8 +1,13 @@
@type: 'extra';
@element: 'custom';
@itemVerticalPadding: 0.875em;
@itemHorizontalPadding: 1.25em;

@import (multiple) '../../theme.config';

// optionally import menu variables for itemVerticalPadding values
@import (optional) '~volto-themes/default/collections/menu.variables';

@borderColor: rgba(120, 192, 215, 0.75);

// Edit
Expand Down Expand Up @@ -77,8 +82,10 @@

.power-user-menu {
.ui.menu {
.item {
padding: 0.875em 1.25em;
.accordion {
// override padding and margin from semantic .ui.accordion .accordion
padding: @itemVerticalPadding @itemHorizontalPadding;
margin: 0;
}

.title {
Expand Down

0 comments on commit 3a9c8f5

Please sign in to comment.