@import "scss/variables";

.Taskbar {
  background: $taskbar-background;
  display: flex;
  height: 48px;

  a {
    &.dashboard-btn {
      color: inherit;
      cursor: pointer;
      font-size: 1.2rem;
      display: block;
      line-height: 48px;
      overflow: hidden;
      padding: 0px 0.5rem;
      text-decoration: none;
      text-overflow: ellipsis;
      user-select: none;
      white-space: nowrap;

      &:hover,
      &.active {
        background: $taskbar-item-hover;
      }

      &.active {
        box-shadow: inset 0px -2px $body-color;
      }
    }
  }

  .systray {
    display: flex;

    .systray-item {
      align-items: center;
      display: flex;
      height: 48px;
      justify-content: center;
      width: 48px;

      svg {
        g, path {
          stroke-width: 3px !important;
        }
      }
    }
  }
}
