Как переместить кнопку?

Question

[olya_097]

речь о кнопке вернуться назад
она должна быть за блоком у которого тень
даю ей right : - 50px
она не видна
я понимаю что это из-за overflow
но он там нужен для переполнения
https://codepen.io/Olya097/pen/xxOKQJp

Comments

[scottparker]

может проще тогда вынести элемент с этой кнопкой из элемента с тенью?

Answer 1

[Ankhena]

Так выньте её из блока с overflow, чего тут думать-то?

Comments

[olya_097]

Ankhena, пробовала. тогда сам попап по центру страницы проблематично сделать

[Ankhena]

olya_097, стрелка абсолютом никак не влияет на центрирование и вообще положение родителя.

[Ankhena]

olya_097, и еще, стрелка должна быть button, а не div.

[olya_097]

Ankhena, по вертикали проблемно выровнять https://codepen.io/Olya097/pen/mdEbazV

[Ankhena]

olya_097, у вас не задано для нее вертикального выравнивания вообще.
Поэтому, плохо понятно куда вы пытаетесь её поставить и почему она туда не попадает.

[olya_097]

Ankhena, на один уровень с .inner-overlay

[Ankhena]

olya_097, так задайте ей top: 0 или сдвиньте если нужно с учетом отступов.

[olya_097]

Ankhena, вот так и делаю
но вроде не на всех разрешениях коректно работает
что я имею ввиду
если масштабирование 100% - все ок
50% - кнопка далеко
это нормально?
https://codepen.io/Olya097/pen/mdEbazV

[Ankhena]

olya_097, вы же сами поставили ей отступ 10vh...

Если не понятно что происходит, обводите блоки outline'ом, убирайте/меняйте свойства по одному, смотрите что меняется.

У вас там половина свойств лишняя. И div не закрыт.

[olya_097]

Ankhena, div случайно не перенесла.

насчет

вы же сами поставили ей отступ 10vh...

так я ж должна учесть этот отступ
его и учитываю. я не права?

[Ankhena]

olya_097, просто
для overlay - flex по центру по главной и по поперечной оси
для inner__content - max-height 80vh
для inner-overlay max-height 80vh и overflow-y
крестику - top 0 или с учетом паддинга у inner-overlay