Как избавиться от тени в месте соприкосновения активного пункта меню?

Question

[Dimas123]

Мне нужно сделать, что бы пропадала тень около активного элемента списка.

Я это сделал, на мой взгляд коряво, я прописал внутреннею тень каждому элементу списка, а активному элементу тень убрал. Из-за этого тень только, где список, а список не во всю высоту.

Как лучше это всё сделать?



Примерный код:

<div class="row тень">
    <div class="col-md-4 серый фон">
      серый блок
      <ul>
        <li>...
      </ul>
    </div>			
    <div class="col-md-8 белый фон">					
      белый блок			
    </div>
  </div>

Answer 1

[sergski]

Как вариант: можно левому блоку задать высоту height: 100vh и внутреннюю тень справа, а пункты списка будут ее перекрывать.

Comments

[Dimas123]

Да, сработало, я почему-то думал, что у активного блока всё равно будет тень при таком решении.