Commit 53fb6c46 authored by Neil Drumm's avatar Neil Drumm 👋
Browse files

More-specific selector for attribution

parent 45c2e56f

sass/partials/common/_comment.scss

+54 −51
Original line number Diff line number Diff line
@@ -48,57 +48,6 @@ 
      }

    }



    // Issue comment attribution.

    .attribution-label {

      background: $new-lt-gray;

      font-size: (10em / 12);

      font-style: normal;

      padding: 0.3em;

      border-radius: 5px;

      cursor: pointer;

      position: relative;

    }

    .attribution {

      background: $new-lt-gray;

      font-size: (12em / 10);

      font-style: normal;

      padding: 0.3em 0.5em;

      border: 1px solid $new-gray;

      border-radius: 0.25em;

      box-shadow: 0 2px 5px rgba(0, 0, 0, .4);

      position: absolute;

      top: 1.7em;

      left: -4em;

      @include breakpoint(max-width $small) {

        width: 15em; // As wide as the screen.

      }

      @include breakpoint($small) {

        white-space: pre; // As long as the text is.

      }

      z-index: 1;



      &:after, &:before { // Arrow

        bottom: 100%;

        left: 5.5em;

        border: solid transparent;

        content: " ";

        height: 0;

        width: 0;

        position: absolute;

        pointer-events: none;

      }

      &:after {

        border-bottom-color: $new-lt-gray;

        border-width: 5px;

        margin-left: -5px;

      }

      &:before {

        border-bottom-color: $new-gray;

        border-width: 7px;

        margin-left: -7px;

      }

    }



    time {

      border-bottom: 1px dotted;

      cursor: pointer;
@@ -275,3 +224,57 @@ 
    }

  }

}



// Issue comment & user profile contributor attribution.

.comment .submitted, .view-contribution-roles {

  .attribution-label {

    background: $new-lt-gray;

    font-size: (10em / 12);

    font-style: normal;

    padding: 0.3em;

    border-radius: 5px;

    cursor: pointer;

    position: relative;

  }



  .attribution {

    background: $new-lt-gray;

    font-size: (12em / 10);

    font-style: normal;

    padding: 0.3em 0.5em;

    border: 1px solid $new-gray;

    border-radius: 0.25em;

    box-shadow: 0 2px 5px rgba(0, 0, 0, .4);

    position: absolute;

    top: 1.7em;

    left: -4em;

    @include breakpoint(max-width $small) {

      width: 15em; // As wide as the screen.

    }

    @include breakpoint($small) {

      white-space: pre; // As long as the text is.

    }

    z-index: 1;



    &:after, &:before { // Arrow

      bottom: 100%;

      left: 5.5em;

      border: solid transparent;

      content: " ";

      height: 0;

      width: 0;

      position: absolute;

      pointer-events: none;

    }

    &:after {

      border-bottom-color: $new-lt-gray;

      border-width: 5px;

      margin-left: -5px;

    }

    &:before {

      border-bottom-color: $new-gray;

      border-width: 7px;

      margin-left: -7px;

    }

  }

}

sass/partials/common/_user-profile.scss

+0 −54
Original line number Diff line number Diff line
@@ -128,60 +128,6 @@ 
  }

}



// Contributor attribution.

.attribution-label {

  background: $new-lt-gray;

  font-size: (10em / 12);

  font-style: normal;

  padding: 0.3em;

  border-radius: 5px;

  cursor: pointer;

  position: relative;

}



.attribution {

  background: $new-lt-gray;

  font-size: (12em / 10);

  font-style: normal;

  padding: 0.3em 0.5em;

  border: 1px solid $new-gray;

  border-radius: 0.25em;

  box-shadow: 0 2px 5px rgba(0, 0, 0, .4);

  position: absolute;

  top: 1.7em;

  left: -4em;

  @include breakpoint(max-width $small) {

    width: 15em; // As wide as the screen.

  }

  @include breakpoint($small) {

    white-space: pre; // As long as the text is.

  }

  z-index: 1;



  &:after, &:before { // Arrow

    bottom: 100%;

    left: 5.5em;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

  }



  &:after {

    border-bottom-color: $new-lt-gray;

    border-width: 5px;

    margin-left: -5px;

  }



  &:before {

    border-bottom-color: $new-gray;

    border-width: 7px;

    margin-left: -7px;

  }

}



// Edit form.

.field-name-field-demographics {

  background: $new-lt-gray;