@salaxy/ng1/less/bootstrap/bootstrap-fixes.less

AngularJS libraries for Salaxy platform (Palkkaus.fi)

@charset "UTF-8";

/**
 * Fixes to Bootstrap framework - as general layout framework.
 * These are applied to Bootstrap rendering, not to Salaxy components.
 */

/* bg-colors mixin does not fit our logic */
.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger {
  color: white;
  padding-left: 6px;
  padding-right: 6px;
}

body .bg-primary {
  background-color: @brand-primary;
}

body .bg-success {
  background-color: @brand-success;
}

body .bg-info {
  background-color: @brand-info;
}

body .bg-warning {
  background-color: @brand-warning;
}

body .bg-danger {
  background-color: @brand-danger;
}

.form-group .form-horizontal .form-group {
  margin: 0;
}

.modal-footer.text-left {
  text-align: left;
}

.btn-toolbar .form-inline {
  .btn, .btn-group, .input-group {
    float: initial;
  }
}

.form-inline label {
  margin-right: 5px;
}

.thumbnail {

  /** Fixed height centered thumbnail picture. */
  .thumbnail-pic-fixed {
    height: 150px; /* Override this for each item if necessary. */
    overflow: hidden;
    position: relative;
    padding: 0;
    > img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
    }
    .thumbnail-pic-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      width: 100%;
      font-size: 90px;
    }
    .badge {
      position: absolute;
      right: 10px;
      top: 10px;
    }
  }

}