Edit

Editing: modal.scss

//.rsssl-modal-backdrop {
//  position: fixed;
//  top: 0;
//  right: 0;
//  bottom: 0;
//  left: 0;
//  background-color: rgba(0, 0, 0, 0.6);
//  width: 100%;
//  height: 100%;
//  z-index: 12; //higher than rsssl-locked
//}
//
//.rsssl-modal {
//  width: clamp(300px, 75ch, 100vw - 50px);
//  height: max-content;
//  position: absolute;
//  z-index: 9999;//ensure the modal is over the WP menu in the sidebar.
//  border-radius: var(--rsp-border-radius);
//  background-color: var(--rsp-white);
//  top: 25vh;
//  left: -20px;
//  right: 0;
//  bottom: 0;
//  /* transform: translate(-50%, -50%); */
//  margin: 25px auto;
//
//  &-header {
//    @include rsssl-block-padding;
//    display: flex;
//    justify-content: space-between;
//    align-items: center;
//    border-radius: var(--rsp-border-radius);
//    .modal-title {
//      margin: 0;
//    }
//    .rsssl-modal-close {
//      cursor: pointer;
//      background: none;
//      border: none;
//      font-weight: 700;
//    }
//    button {
//      img {
//        height: 16px;
//        width: 16px;
//      }
//    }
//  }
//
//  &-content {
//    position: relative;
//    font-size: var(--rsp-fs-300);
//    line-height: 1.5;
//    @include rsssl-block-padding;
//    &-subtitle {
//      font-size: var(--rsp-fs-600);
//      font-weight: 600;
//      margin-bottom: var(--rsp-spacing-xs);
//    }
//    &-description {
//      overflow-wrap: anywhere;
//      margin-top: 0;
//      font-weight: 400;
//      line-height: 1.5;
//      margin-bottom: var(--rsp-spacing-s);
//    }
//  }
//  &-footer {
//    display: flex;
//    flex-direction: row;
//    @include rsssl-block-padding;
//    gap:10px;
//    // text-align: right;
//    .button {
//      display: flex;
//      align-items: flex-start;
//      justify-content: center;
//      min-width: 105px;
//
//      //height: 45px;
//      //width: 100%;
//      text-align: center;
//      // margin-right: 20px;
//      border-radius: 6px;
//    }
//
//    .rsssl-button-help {
//      background-color: #D7263D;
//      color: white;
//      border-color: #D7263D;
//      &:hover {
//        opacity: 0.9;
//      }
//    }
//  }
//}
////this has to apply both to modal and LE activation step
//.rsssl-modal-content-step {
//
//  ul{
//    margin-bottom: var(--rsp-spacing-m);
//    li {
//      display: flex;
//      align-items: flex-start;
//      margin-bottom: var(--rsp-spacing-xxs);
//      &.rsssl-is-plugin{
//        background-color: var(--rsp-grey-100);
//        border: none;
//        margin: 10px 0 0 0;
//        padding:2px 0;
//        position:relative;
//        a.button-default.rsssl-read-more{
//          position:absolute;
//          display:none;
//          top:17px;
//          right:20px;
//          z-index:5;
//          @media(max-width: 620px) {
//            position:relative;
//            margin-left:20px;
//            z-index:5;
//          }
//        }
//      }
//      .rsssl-icon{
//        margin-right:7px;
//      }
//
//    }
//  }
//}
//
//.components-modal__frame {
//  width: clamp(300px, 75ch, 100vw - 50px);
//}

Back