@asi-ngtools/lib/styles/less/asi-file-chooser.less

This project is a little components library, simple to use, which will help you to simplify your project.

asi-file-chooser, .asi-file-chooser {
  .base-component;

  label.input-label {
    color: @asi-file-chooser-label-color;
  }
  
  .asi-file-chooser-container {
    display: flex;
    flex-direction: row;
    align-items : center;
    label {
      display: flex;
      align-items: center;
      justify-content: center;
      border: @asi-file-chooser-border;
      width: 40px;
      height: 40px;
      cursor: pointer;
      input {
        display: none;
      }
    }
    asi-button{
      asi-fa-icon {
        button {
          color : white;
        }
      }
    }
    .file-link {
      display: flex;
      flex-direction: row;
      align-content: center;
      margin-left : 5px;
      asi-fa-icon {
        margin: 0px;
        button {
          color : white;
        }
      }
      a {
        max-width: 250px;
        text-decoration: underline;
        padding-right: 10px;
        &:hover {
          text-decoration: none;
        }
        cursor: pointer;
        .oneline;
      }
    }
  }
}