fix admin/action_logs page
This commit is contained in:
		
							parent
							
								
									e677dda07c
								
							
						
					
					
						commit
						9e8fa3caee
					
				
					 1 changed files with 117 additions and 0 deletions
				
			
		| 
						 | 
				
			
			@ -363,3 +363,120 @@
 | 
			
		|||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.spacer {
 | 
			
		||||
  flex: 1 1 auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.log-entry {
 | 
			
		||||
  margin-bottom: 8px;
 | 
			
		||||
  line-height: 20px;
 | 
			
		||||
 | 
			
		||||
  &__header {
 | 
			
		||||
    display: flex;
 | 
			
		||||
    justify-content: flex-start;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
    padding: 10px;
 | 
			
		||||
    background: $ui-base-color;
 | 
			
		||||
    color: $ui-primary-color;
 | 
			
		||||
    border-radius: 4px 4px 0 0;
 | 
			
		||||
    font-size: 14px;
 | 
			
		||||
    position: relative;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &__avatar {
 | 
			
		||||
    margin-right: 10px;
 | 
			
		||||
 | 
			
		||||
    .avatar {
 | 
			
		||||
      display: block;
 | 
			
		||||
      margin: 0;
 | 
			
		||||
      border-radius: 50%;
 | 
			
		||||
      width: 40px;
 | 
			
		||||
      height: 40px;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &__title {
 | 
			
		||||
    overflow: hidden;
 | 
			
		||||
    text-overflow: ellipsis;
 | 
			
		||||
    white-space: nowrap;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &__timestamp {
 | 
			
		||||
    color: lighten($ui-base-color, 34%);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &__extras {
 | 
			
		||||
    background: lighten($ui-base-color, 6%);
 | 
			
		||||
    border-radius: 0 0 4px 4px;
 | 
			
		||||
    padding: 10px;
 | 
			
		||||
    color: $ui-primary-color;
 | 
			
		||||
    font-family: 'mastodon-font-monospace', monospace;
 | 
			
		||||
    font-size: 12px;
 | 
			
		||||
    white-space: nowrap;
 | 
			
		||||
    min-height: 20px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &__icon {
 | 
			
		||||
    font-size: 28px;
 | 
			
		||||
    margin-right: 10px;
 | 
			
		||||
    color: lighten($ui-base-color, 34%);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &__icon__overlay {
 | 
			
		||||
    position: absolute;
 | 
			
		||||
    top: 10px;
 | 
			
		||||
    right: 10px;
 | 
			
		||||
    width: 10px;
 | 
			
		||||
    height: 10px;
 | 
			
		||||
    border-radius: 50%;
 | 
			
		||||
 | 
			
		||||
    &.positive {
 | 
			
		||||
      background: $success-green;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &.negative {
 | 
			
		||||
      background: $error-red;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &.neutral {
 | 
			
		||||
      background: $ui-highlight-color;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  a,
 | 
			
		||||
  .username,
 | 
			
		||||
  .target {
 | 
			
		||||
    color: $ui-secondary-color;
 | 
			
		||||
    text-decoration: none;
 | 
			
		||||
    font-weight: 500;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .diff-old {
 | 
			
		||||
    color: $error-red;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .diff-neutral {
 | 
			
		||||
    color: $ui-secondary-color;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .diff-new {
 | 
			
		||||
    color: $success-green;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.name-tag {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
 | 
			
		||||
  .avatar {
 | 
			
		||||
    display: block;
 | 
			
		||||
    margin: 0;
 | 
			
		||||
    margin-right: 5px;
 | 
			
		||||
    border-radius: 50%;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .username {
 | 
			
		||||
    font-weight: 500;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in a new issue