// (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P.

#hp-activities, table.hp-activities {
  td {
    line-height: 17px;
  }
  
  td.hp-source { 
    word-break: break-all;
    span.hp-category {
      opacity: 0;
      display: block;
      color: $secondary-color;
      @include transition(opacity, $appearance-duration);
    }
  }
  
  thead td.hp-source {
    word-break: normal;
  }
  
  tr:hover, tr.hp-expanded, tr.hp-selected {
    td.hp-source {
      span.hp-category {
        opacity: 1;
      }
    }
  }
  
  tr.hp-alert {
    td.hp-name {
      font-style: italic;
    }
    .hp-owner, .hp-state {
      .hp-value {
        padding-left: 0px;
        margin-left: -1px;
        margin-top: -1px;
      }
      > label {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: -4px;
        margin-left: -11px;
      }
      .hp-options {
        top: -5px;
        left: -11px;
      }
      
      //currently it is appearing as a link, but we need
      //to come up with a better UX design
      .hp-select-ignore {
        color: $text-link-color;
        background-color: $secondary-background;
      }
    }
  }
  tr.hp-task {
    > td {
      > .hp-duration {
        display: inline-block;
        margin-left: 10px;
        min-width: 40px;
        color: $secondary-color;
      }
      > .hp-secondary {
        display: inline-block;
        font-size: 12px;
        margin-left: 0px;
        min-width: 50px;
      }
    }
  }
  tr.hp-expanded {
     td.hp-name, td > .hp-name {
       font-weight: bold;
       font-size: 14px;
     }
  }

  .hp-alert-details {
    padding-left: 39px;
    margin-top: 15px;
  
    .hp-alert-category {
      float: right;
      margin: 0px 10px;
    }
  
    .hp-alert-resolution {
      max-width: 400px;
    }
  
    > h3, .hp-alert-events > label {
      font-size: 14px;
      color: $secondary-color;
    }
    
    p {
      max-width: 400px;
    }
  
    .hp-alert-notes {
      margin-bottom: 5px;
    }
  
    .hp-alert-note {
      position: relative;
      max-width: 400px;
      padding: 10px 0px;
      border-bottom: solid 1px $global-border;
    
      &:last-child {
        border-bottom: none;
      }
    
      .hp-owner {
        display: inline-block;
        padding-right: 10px;
        font-weight: bold;
      }
      .hp-message {
        display: inline-block;
      }
      .hp-timestamp {
        margin-top: 5px;
      }
      
      .hp-delete {
        position: absolute;
        top: 14px;
        right: 0px;
      }
    }
  
    .hp-alert-note-write {
      width: 400px;
    }
  
    .hp-alert-event-property {
      .hp-name {
        display: inline-block;
        color: $secondary-color;
        margin-right: 15px;
        min-width: 150px;
      }
      .hp-value {
        display: inline-block;
      }
    }
  }

  .hp-task-details {
  
    .hp-task-details-messages {
      position: relative;
      color: $secondary-color;
      font-style: italic;
      
      .hp-task-details-resolution-container > h3 {
        font-style: normal;
      }
      
      .hp-task-details-resolution ul {
        margin-bottom: 0px;
      }
      
      .hp-task-details-message {
        p:last-child, ul:last-child {
          margin-bottom: 0px;
        }
      }
    }
    
    > .hp-task-notification-container {
      padding-top: 10px;
      padding-left: 90px;
    }
  
    .hp-task-details-actions {
      margin-bottom: 0px;
    }
  
    > table {
      margin-bottom: 15px;
      
      > thead {
        visibility: hidden;
        td {
          padding-top: 0px;
          padding-bottom: 0px;
          height: 0px;
          line-height: 0px;
        
          > .hp-status {
            height: 0px;
          }
        }
      }
    
      > tbody tr {
        td {
          padding: 9px 10px 3px 10px;
          
          > .hp-name {
            font-weight: bold;
            vertical-align: top;
          }
          
          &.hp-state {
            > .hp-duration {
              display: inline-block;
              margin-left: 10px;
              min-width: 40px;
              color: $secondary-color;
            }
            > .hp-secondary {
              display: inline-block;
              font-size: 12px;
              margin-left: 0px;
              min-width: 50px;
            }
          }
        }
      }
    
      .hp-status {
        display: inline-block;
        position: relative;
        top: 3px;
      }
    
      @for $l from 1 through 10 {
        tr.hp-task-details-level-#{$l * 1} td.hp-status-name {
          padding-left: #{-20 + ($l * 30)}px;
        }
        tr.hp-task-details-messages-level-#{$l * 1} td {
          padding-left: #{98 + ($l * 30)}px;
          padding-top: 0px;
          padding-bottom: 5px; //15px;
        }
      }
    }
  }
}

#hp-alert-assign-dialog {
  .hp-dialog-variable-contents {
    min-height: 300px;
  }
}
