/*!
 *  Copyright (C) 2018 Robert Bosch GmbH Copyright (C) 2018 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
 */
@import '@bci-web-core/common-styles/sass/bci/bci-variables';
@import '../mixins';

:host {
  overflow: hidden;
}

.grid-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: $boschGray95;
  overflow: hidden;
}

.empty-message-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

gridster {
  background-color: $boschGray95;
  user-select: none;
}

::ng-deep gridster-grid .column,
::ng-deep gridster-grid .row {
  border: 1.5px dashed $boschGray80 !important;
}

::ng-deep gridster-grid .row {
  margin-left: 0;
}

.empty-message {
  @include generateEmptyMessage();
}

.mobile {
  padding-left: 0 !important;
  padding-right: 0 !important;

  &:not(.has-filter-bar) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  gridster-item {
    margin-bottom: $grid-size * 2 !important;
  }

  ::ng-deep bci-pinboard-filter-bar {
    padding: $grid-size * 2;
    width: calc(100% - #{$grid-size * 4});

    .backdrop {
      height: calc(100% - #{$grid-size * 4});
    }
  }
}
