/*!
  *  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 '@bci-web-core/common-styles/sass/bci/mixins/borders';
@import '@bci-web-core/common-styles/sass/bci/mixins/typography';

:host {
  margin-top: auto;
}

.bci-sidebar-footer-separator {
  // @include make-border(1px 0 0 0, $boschWhite);
  margin: 0 16px;
  width: calc(100% - 32px);
  transition: 0.5s ease-in-out;
}

.footer-info {
  transition: 0.5s ease-in-out;
  padding: 0 16px;
  height: 40px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  color: $boschGray80;
  @include make-font-regular($font-size-small);
  line-height: 40px;
  display: flex;
  justify-content: center;

  .side-nav-date,
  .side-nav-time {
    display: inline-block;
  }

  .side-nav-date {
    transition: 0.5s ease-in-out 0s, flex-grow 0.1s;
    margin-left: 1em;
    flex-grow: 1;
    overflow: hidden;
  }
}

::ng-deep .closed-sidebar {
  .bci-sidebar-footer-separator {
    margin: 8px 8px 0;
    width: calc(100% - 16px);
  }

  .bci-sidebar-footer-container {
    .footer-info {
      padding: 0;

      .side-nav-date {
        transition: 0.1s ease-in-out 0.4s;
        width: 0;
        margin-left: 0;
        flex-grow: 0;
      }
    }
  }
}
