@import "../imports/aui-colours";

.issue-filter-links {
    list-style: none;
    padding-left: 0;
}

.p-list {
    margin-bottom: 20px;

    .aui-avatar {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
    }

    .project-type-icon {
        height:18px;
        width:18px;
        margin-right:6px;
    }
}

tbody.projects-list td.cell-type-name {
    // Override AUI layout for the project name
    white-space: normal;

    // `word-wrap` doesn't seem to work in tables, so we can't use it here.
    // `word-break: break-word` works for WebKit browsers, but not for Firefox.
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word; // non-standard, must come after `word-break: break-all` to override
}

form.aui .project-filter-item {
  display: inline-block;
  position: relative;

  .text {
    // leave enough room for the icon to prevent the user from typing over the icon
    // using the same spacing as aui form notifications: https://docs.atlassian.com/aui/latest/docs/form-notification.html
    padding-right: 28px;
  }

  .aui-icon {
    margin-top: -8px;
    position: absolute;
    right: 4px;
    top: 50%;
  }
}

//pulled these out from inline styles. Will address the whole thing when we tweak the graph
.created-issue-count {
    color: #c00;
    font-weight: bold;
}
.resolved-issue-count {
    color: #3c3;
    font-weight: bold;
}

.project-details .operations-list {
    margin-top: 3px;

    .user-avatar {
        vertical-align: text-top;
    }

    > li + li:before {
        color: @aui-border-color;
        margin: 0 3px;
    }

    .list-label {
        color: @aui-color-mid;
    }
}
.aui-nav-pagination {
  float:right;
}

.projects-list {
  .projects-list {
    &__row-empty {
      border-bottom: 0;
      td {
        padding: 50px;
      }
    }
  }
}

.project-type-icon {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 5px;
}

.project-type-nav{
  margin-bottom: 30px;
}

.browse-project-group-heading{
  color: #707070;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.66666667;
  text-transform: uppercase;
  margin: 20px 0 0 0;
}

.project-types-filters {
    li {
        position: relative;
        a {
            display: inline-block;
        }
    }
}

.no-project-results {
  background: transparent none no-repeat top center;
  background-image: inlineimage('images/adbox/noresults.svg');
  padding: 220px 20px 20px 20px;
  width: auto;
  margin: 0 auto;
  text-align: center;
  background-size: 200px;
  border:0px;
}

.no-project-results-cta .create-business-project-image {
  width: 110px;
  height: 200px;
  float: left;
  margin: -10px 20px 10px 10px;
  background: transparent none no-repeat top center;
  background-image: url('../../../images/adbox/nobusinessproject.svg');
}

.no-project-results-cta p {
  white-space: normal;
}

.no-project-results-cta {
  width:70%;
  max-width:800px;
  margin-left: auto;
  margin-right: auto;
}