Return margin-right: …px; for button instead of gap: …px;

on one site I have Otter-blocks v1.6.4

“button” in “Button Group”
Indent – 20

<div id="wp-block-themeisle-blocks-button-6ca5b6b3" class="wp-block-themeisle-blocks-button wp-block-button button_main"><a target="_self" rel="noopener noreferrer" class="wp-block-button__link"><span>.<strong>button_main</strong></span></a></div>
/wp-content/uploads/themeisle-gutenberg/post-3879-1673177295.css?ver=1.6.4

#wp-block-themeisle-blocks-button-group-912ea573 .wp-block-themeisle-blocks-button {
     margin-right: 20px;
}

it works

on another site I have Otter-blocks v2.0.13
also “Spacing = 20”
but there is really no indent between the buttons!

<div class="wp-block-themeisle-blocks-button-group collapse-mobile wp-block-buttons align-center-desktop align-center- tablet align-center-mobile button_group center ticss-8535c431">
inline:2

#wp-block-themeisle-blocks-button-group-79a6d353 {
     gap: 20px
}

and “button” in “Button Group” lost “margin-right: …px;”

in the browser in the admin panel for some reason the indents are “gap: 20px;” between buttons work.
<div class="block-editor-block-list__layout">
/wp-content/plugins/otter-blocks/src/blocks/blocks/button-group/editor.scss:19

.wp-block-themeisle-blocks-button-group .block-editor-block-list__layout {
     gap: var(--spacing);
}

it is not clear why “gap: 20px;” does not work in the browser on the site
The browser inspector seems to understand gap: and when clicked displays:

1.row-gap: 20px;
2.column-gap: 20px;

but there is really no indentation between the buttons !!

updating to version 2.1.6 DID NOT HELP!

return as it was before “margin-right: …px;” each button!

RU:

на одном сайте у меня Otter-blocks v1.6.4

“кнопка” в “Button Group”
Отступ – 20

<div id="wp-block-themeisle-blocks-button-6ca5b6b3" class="wp-block-themeisle-blocks-button wp-block-button button_main"><a target="_self" rel="noopener noreferrer" class="wp-block-button__link"><span>.<strong>button_main</strong></span></a></div>
/wp-content/uploads/themeisle-gutenberg/post-3879-1673177295.css?ver=1.6.4

#wp-block-themeisle-blocks-button-group-912ea573 .wp-block-themeisle-blocks-button {
    margin-right: 20px;
}

это работает

на другом сайте у меня Otter-blocks v2.0.13
также “Spacing = 20”
но отступа между кнопками реально нет!

<div class="wp-block-themeisle-blocks-button-group collapse-mobile wp-block-buttons align-center-desktop align-center-tablet align-center-mobile button_group center ticss-8535c431">
inline:2

#wp-block-themeisle-blocks-button-group-79a6d353 {
    gap: 20px;
}

а “кнопка” в “Button Group” утратила “margin-right: …px;”

в браузере в админке почему то отступы “gap: 20px;” между кнопками работают.
<div class="block-editor-block-list__layout">
/wp-content/plugins/otter-blocks/src/blocks/blocks/button-group/editor.scss:19

.wp-block-themeisle-blocks-button-group .block-editor-block-list__layout {
    gap: var(--spacing);
}

непонятно почему “gap: 20px;” не работает в браузере на сайте
инспектор браузера вроде бы понимает gap: и при клике выводит:

1. row-gap: 20px;
2. column-gap: 20px;

но реально отступов между кнопками нет!!

обновление до версии 2.1.6 НЕ ПОМОГЛО!

верните как было раньше “margin-right: …px;” у каждой кнопки !!

• This topic was modified 1 year, 10 months ago by v0van.