maestrano/mnoe-admin-panel

@import "../../bower_components/bootstrap/less/bootstrap.less";
@import "../../bower_components/font-awesome/less/font-awesome.less";
@import "../../bower_components/mno-ui-elements/dist/mno-ui-elements.less";
@import "../../bower_components/impac-angular/dist/impac-angular.less";

/**
 *  If you want to override some bootstrap variables, you have to change values here.
 *  The list of variables are listed here bower_components/bootstrap/less/variables.less
 */
@icon-font-path: '../../bower_components/bootstrap/fonts/';
@fa-font-path: "../../bower_components/font-awesome/fonts";
@font-path: '/admin/fonts';

@mno-row-sublink-color: black;

// Spacers
@top-buffer-height: @grid-gutter-width/2;
.top-buffer-1 { margin-top: @top-buffer-height; }
.top-buffer-2 { margin-top: 2*@top-buffer-height; }
.top-buffer-3 { margin-top: 3*@top-buffer-height; }
.top-buffer-4 { margin-top: 4*@top-buffer-height; }
.top-buffer-5 { margin-top: 5*@top-buffer-height; }
.top-buffer-6 { margin-top: 6*@top-buffer-height; }
.top-buffer-7 { margin-top: 7*@top-buffer-height; }
.top-buffer-8 { margin-top: 8*@top-buffer-height; }
.top-buffer-9 { margin-top: 9*@top-buffer-height; }
.top-buffer-10 { margin-top: 10*@top-buffer-height; }

//--------------------------------------
// General less
//--------------------------------------
body {
  background: #f3f3f3;
  font-family: inherit;
  &.translate-cloak {
    opacity: 0;
  }
}

a {
  &.disabled {
    cursor: not-allowed;
    pointer-events: none;
  }
}

.breadcrumb {
  padding: 0px;
  margin: 0px;
  background-color: transparent;
}

.label-cell {
  border-bottom: 1px dashed @brand-primary;
  margin-bottom: 10px;
}

.form-group {
  margin-bottom: 0;

  // ng-message errors
  p.text-danger {
    margin-top: 5px;
    margin-bottom: 0;
  }
}

.ellipsis {
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}

.table-layout-fixed {
  table-layout: fixed;
}

table {
  tr {
    td {
      &.nowrap {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      // whole row link
      a {
        display:block;
        height:100%;
        width:100%;

        // If text is too long add ... at the end
        .ellipsis();
      }

      // row sublink
      small {
        color: @mno-row-sublink-color;
      }
    }
  }
}

.widget-comments {
  height: ~'calc(100vh - 210px)' !important;

  table {
    td, th {
      border: 1px solid #ddd
    }
    td {
      max-width: 300px;
    }
  }
}

.modal-body textarea {
  border: 1px solid #ccc;
  width: 100%;
}

.pagination {
  display: flex;

  .pagination-container {
    margin: auto;
  }

  .pagination-pages {
    margin: 0 10px;
  }
}
#toast-container {
  z-index: 999;
}

/**
 *  Do not remove the comments below. It's the markers used by gulp-inject to inject
 *  all your less files automatically
 */
// injector
// endinjector