Commit c36d21a4 authored by serhii.myronets's avatar serhii.myronets
Browse files

Issue #3260389 by agami4: Add improvements to the list visibility of the visibility dropdown

parent 311fa557

assets/css/list.css

+13 −0
Original line number Diff line number Diff line
@@ -75,6 +75,7 @@ 
}



.list-item--visibility {

  position: relative;

  padding-left: 1rem;

  padding-right: 1rem;

  margin-bottom: -1px;
@@ -83,11 +84,23 @@ 
          justify-content: flex-start;

}



.list-item--visibility .form-group {

  position: static;

}



.list-item--visibility .form-group label {

  font-weight: 500;

  cursor: pointer;

}



.list-item--visibility .form-group .form-radio {

  width: 100%;

  height: 100%;

  top: 0;

  margin-top: 0;

  cursor: pointer;

}



.list-item--visibility:hover, .list-item--visibility:focus-within {

  background-color: #e6e6e6;

  cursor: pointer;

components/02-atoms/list/list.scss

+16 −3
Original line number Diff line number Diff line
@@ -98,16 +98,29 @@ 
}



.list-item--visibility {

  position: relative;

  padding-left: 1rem;

  padding-right: 1rem;

  margin-bottom: -1px;

  justify-content: flex-start;



  .form-group label {

  .form-group {

    position: static;



    label {

      font-weight: 500;

      cursor: pointer;

    }



    .form-radio {

      width: 100%;

      height: 100%;

      top: 0;

      margin-top: 0;

      cursor: pointer;

    }

  }



  &:hover, &:focus-within {

    background-color: $gray-lighter;

    cursor: pointer;