Почему у навигации не виден border-radius?

Question

[Antonio09]

https://jsfiddle.net/9gya3j4c/1/

Answer 1

[Фин Дел]

для buttonзадай

Comments

[Antonio09]

Фин Дел, задал https://jsfiddle.net/zLe92krn/

[Фин Дел]

Antonio09, чтоб вся твоя шайтан конструкция работала, тебе надо у buttonувеличивать border-radius: и параллельно у .navigation

[Antonio09]

Фин Дел, почему и туда , и туда?

вот добавил
слева есть
справа нет https://jsfiddle.net/zLe92krn/1/

[Фин Дел]

Antonio09,

слева есть
справа нет https://jsfiddle.net/zLe92krn/1/

потому что у .page-numbers__btn--next transform: scaleX(-1); ему меняешь 1 и 4 число в border-radius

[Antonio09]

Фин Дел, спасибо
так почему еще нужно задавать и навигации бордер?

[Фин Дел]

Antonio09,
вот наглядный пример надеюсь поймешь почему

[Antonio09]

Фин Дел, да
спасибо

а не подскажете еще такой нюанс тут
когда не 8 страниц
а скажем 4

то как то странно смотриться
кнопки "листания" далеко от ссылок

[Фин Дел]

Antonio09, если вдруг сделаешь

когда не 8 страниц
а скажем 4

то просто подправишь width: у .navigation

[Antonio09]

Фин Дел, я понимаю
но это ж от сервера зависит сколько страниц будет
тут я не угадаю так сказать

поняли о чем я?

[Фин Дел]

Antonio09, понимаю там надо будет всю конструкцию перебрать, задать в padding-ах, тогда по мере уменьшения или увлечения цифр навигация будет подстраиваться

[Antonio09]

Фин Дел, имеется ввиду через js?

[Фин Дел]

Antonio09, нет css, тут комментариев много если хотите я вам отправлю пример, напишите мне в вк

Answer 2

[Кира]

потому что кнопки со стрелками лежат поверх навигации