Verified Commit b4a0a9e7 authored by Théodore Biadala's avatar Théodore Biadala
Browse files

Issue #3277287 by Gauravvvv, Anita Verma, shweta__sharma, smustgrave,... 

Issue #3277287 by Gauravvvv, Anita Verma, shweta__sharma, smustgrave, akmalfikri: Improve vertical tabs in forced colors mode
parent c2f5752b

core/themes/claro/css/components/vertical-tabs.css

+6 −0
Original line number Diff line number Diff line
@@ -193,6 +193,12 @@ 
  border-end-start-radius: var(--base-border-radius);

}



@media (forced-colors: active) {

  .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {

    border-inline-start: var(--vertical-tabs-menu-link--active-border-size) solid canvastext;

  }

}



.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover::before {

  background: none;

}

core/themes/claro/css/components/vertical-tabs.pcss.css

+4 −0
Original line number Diff line number Diff line
@@ -170,6 +170,10 @@ 
  border-start-end-radius: 0;

  border-end-end-radius: 0;

  border-end-start-radius: var(--base-border-radius);



  @media (forced-colors: active) {

    border-inline-start: var(--vertical-tabs-menu-link--active-border-size) solid canvastext;

  }

}



.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover::before {