src/app/shared/controls/file-select/component/file-select.component.scss

/********************************************************************************
 * Copyright (c) 2020 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 *
 * SPDX-License-Identifier: EPL-2.0
 ********************************************************************************/

@import "openk.styles";

:host {
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
}

.attachment {
  display: flex;
  flex-flow: row;
  width: 100%;
  align-items: center;
  line-height: 1.25;
  padding: 0 0.25em;
  transition: background-color 100ms ease-in;

  &:hover {
    background-color: $openk-background-highlight;
  }
}

.attachment---disabled {
  opacity: 0.66;

  &:hover {
    background-color: initial;
  }
}

.attachments--input {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  width: 1em;
  height: 1em;
}


.attachments--label {
  display: inline-flex;
  flex: 1 1 100%;
  padding: 0.05em 0.25em;
}

.attachments--label---deselected {
  text-decoration: line-through;
}

.attachments--button {
  font-size: 0.56em;
  border: 0;
  margin-left: 0.4em;
}