~cytrogen/masto-fe

f89f3a85662ce1f4e6f130748ded22821e4a7acd — Claire 2 years ago 61f3e0e
Fix glitch-soc's thread line styling (#2214)

Thread lines were misaligned in glitch-soc because we have less padding and
larger avatar sizes.
1 files changed, 6 insertions(+), 6 deletions(-)

M app/javascript/flavours/glitch/styles/components/status.scss
M app/javascript/flavours/glitch/styles/components/status.scss => app/javascript/flavours/glitch/styles/components/status.scss +6 -6
@@ 1047,12 1047,12 @@ a.status-card.compact:hover {
  }

  &__line {
    height: 16px - 4px;
    height: 10px - 4px;
    border-inline-start: 2px solid lighten($ui-base-color, 8%);
    width: 0;
    position: absolute;
    top: 0;
    inset-inline-start: 16px + ((46px - 2px) * 0.5);
    inset-inline-start: 14px + ((48px - 2px) * 0.5);

    &--full {
      top: 0;


@@ 1062,8 1062,8 @@ a.status-card.compact:hover {
        content: '';
        display: block;
        position: absolute;
        top: 16px - 4px;
        height: 46px + 4px + 4px;
        top: 10px - 4px;
        height: 48px + 4px + 4px;
        width: 2px;
        background: $ui-base-color;
        inset-inline-start: -2px;


@@ 1071,8 1071,8 @@ a.status-card.compact:hover {
    }

    &--first {
      top: 16px + 46px + 4px;
      height: calc(100% - (16px + 46px + 4px));
      top: 10px + 48px + 4px;
      height: calc(100% - (10px + 48px + 4px));

      &::before {
        display: none;