anthonymidili/Bullhorn

View on GitHub
app/assets/stylesheets/notifications.scss

Summary

Maintainability
Test Coverage
.notification {
  border-top: 1px solid var(--notifications-border);
  &:first-child {
    border-top: none;
  }
  padding: 10px 0 10px 30px;
  font-size: small;
  li {
    img {
      height: 40px;
    }
  }
  .post_user {
    img {
      width: 33px;
      height: 33px;
      border: solid 1px var(--avatar-border);
      background-color: var(--avatar-background);
    }
  }
}

.notifications-box {
  background-color: var(--notifications-background);
  border: 2px solid var(--notifications-border);
  border-radius: 8px;
  padding: 10px;
}

.is_read_false {
  background-color: var(--notifications-unread);
}

.horizontal-buttons li {
  padding-right: 25px;
}

#notifications {
  .list {
    margin-top: 25px;
    &:first-child {
      margin-top: 0;
    }
  }
}