diff --git a/app/assets/javascripts/discourse/app/components/sidebar/edit-navigation-menu/modal.hbs b/app/assets/javascripts/discourse/app/components/sidebar/edit-navigation-menu/modal.hbs index 12c038cce5c..5624ae3efad 100644 --- a/app/assets/javascripts/discourse/app/components/sidebar/edit-navigation-menu/modal.hbs +++ b/app/assets/javascripts/discourse/app/components/sidebar/edit-navigation-menu/modal.hbs @@ -1,5 +1,5 @@ diff --git a/app/assets/stylesheets/common/base/modal.scss b/app/assets/stylesheets/common/base/modal.scss index f9342885df3..47d22188262 100644 --- a/app/assets/stylesheets/common/base/modal.scss +++ b/app/assets/stylesheets/common/base/modal.scss @@ -52,6 +52,7 @@ &__body { overflow-y: auto; padding: 1rem 1.5rem; + box-sizing: border-box; input { width: auto; diff --git a/app/assets/stylesheets/common/components/sidebar/edit-navigation-menu/modal.scss b/app/assets/stylesheets/common/components/sidebar/edit-navigation-menu/modal.scss index 202d361a2a8..df29a8880c2 100644 --- a/app/assets/stylesheets/common/components/sidebar/edit-navigation-menu/modal.scss +++ b/app/assets/stylesheets/common/components/sidebar/edit-navigation-menu/modal.scss @@ -1,25 +1,14 @@ -.modal.sidebar__edit-navigation-menu__modal { - @include breakpoint("tablet", min-width) { - .modal-inner-container { - width: 100%; - } - } - .modal-header { - border: none; - } - .modal-body { - border-top: 1px solid var(--primary-low); - margin-top: 1em; - height: 40dvh; +.d-modal { + &__container { + width: 100%; } } - .sidebar__edit-navigation-menu__filter { display: flex; gap: 0.5em; - padding: 0 0.66em 0; + padding: 1rem 0.66em 0; @include breakpoint("tablet", min-width) { - padding: 0 1em 0; + padding: 1rem 1.5rem 0; } .sidebar__edit-navigation-menu__filter-dropdown {