diff --git a/app/assets/stylesheets/popup.css b/app/assets/stylesheets/popup.css index 852787701..41c6420b3 100644 --- a/app/assets/stylesheets/popup.css +++ b/app/assets/stylesheets/popup.css @@ -29,14 +29,6 @@ transform: translateX(0); } - &.orient-top { - inset-block: auto 0; - - &.orient-bottom { - inset-block: 0 auto; - } - } - &:has(.popup__footer) { --panel-padding: var(--block-space) var(--block-space) 0 var(--block-space); } diff --git a/app/javascript/helpers/orientation_helpers.js b/app/javascript/helpers/orientation_helpers.js index 672275778..4e3f1a3a5 100644 --- a/app/javascript/helpers/orientation_helpers.js +++ b/app/javascript/helpers/orientation_helpers.js @@ -4,8 +4,7 @@ export function orient(el, orient = true) { const directions = [ ["orient-left", spaceOnRight], ["orient-right", spaceOnLeft], - ["orient-top", spaceOnBottom], - ["orient-bottom", spaceOnTop] + ["orient-top", spaceOnBottom] ]; directions.forEach(([className, fn]) => @@ -24,7 +23,3 @@ function spaceOnRight(el) { function spaceOnBottom(el) { return window.innerHeight - el.getBoundingClientRect().bottom } - -function spaceOnTop(el) { - return el.getBoundingClientRect().top -}