Как устранить угол у одностороннего бордера?

Question

[Ivan Stroykin]

Доброго времени суток,

Возникла такая маааааленькая проблемка, которую, как не странно, не могу решить :)
Есть такая вот менюшка

При наведении на категорию, слева выходит border. И в его нижней части есть угол, которого быть не должно.
Как всегда, что-то простое должно быть, потому что я уже так извращался, что страшно было на код смотреть :)

codepen.io/StivinKing/pen/dMVzwr

Answer 1

[Роман Дворянов]

Ты наверное догадываешься, что телепатов тут нет
На вскидку:

li:hover {
   border: none;
}

Comments

[Ivan Stroykin]

Проект показать не могу. Сейчас попробую часть кода перенести. А если border: none; написать, то и выдвигаться нечему будет :)

[Роман Дворянов]

Иван Стройкин: так рамка и сдвигает, хотите сдвигать без рамки, убирайте рамку и на размер рамки делайте отступ или что в итоге то должно получиться?

[Ivan Stroykin]

Роман Д.: не не не...сдвиг - это то что нужно :) Видимо плохо описал проблему (моя вина). у border-right снизу угол. которого быть не должно.
Вот.... codepen.io/StivinKing/pen/dMVzwr

[Роман Дворянов]

Иван Стройкин:

.leftmenu li:hover,
.leftmenu-active {
    background-color: #1d2644;
    padding-left: 6px; /* Вместо border-left: 6px solid #6583fb;*/
}

[Роман Дворянов]

Иван Стройкин: аа понял, ща))

[Ivan Stroykin]

Роман Д.: я тоже сижу думаю :)

[Роман Дворянов]

Иван Стройкин: В общем смысл такой, что нижний бордер перекрывает левый, поэтому если повесить дочернему элементу, все будет норм

Попробуйте так

.leftmenu li {
    border-bottom: none;
}
.leftmenu a {
    border-bottom: 1px solid #121727;
}

[Ivan Stroykin]

Роман Д.: Пока это идеальный способ, спасибо :) Может еще решу как сделать так, чтобы на 1px снизу левый бордер уменьшить))

[Роман Дворянов]

Иван Стройкин: можно попробовать псевдоклассом after добавить один-два писксела слева, но это совсем madskillz

[Ivan Stroykin]

Роман Д.: Спасибо :)

Answer 2

[Faber Estello]

А box-shadow там ни где не влияет?

Comments

[Ivan Stroykin]

Нет. пробовал )