cosmos-explorer/src/Explorer/Panes/PanelComponent.less

@import "../../../less/Common/Constants";

.panelFormWrapper {
  display: flex;
  flex-direction: column;
  height: 100%;

  .panelMainContent {
    flex-grow: 1;
    padding: 0 34px;
    margin: 20px 0;
    overflow: auto;

    & > * {
      margin-bottom: @DefaultSpace;

      & > * {
        margin-bottom: @SmallSpace;
      }
    }

    .panelInfoIcon {
      font-size: @mediumFontSize;
      width: @mediumFontSize;
      margin: auto 0 auto @SmallSpace;
      color: @InfoIconColor;
      cursor: default;
      vertical-align: middle;
    }

    .panelTextBold {
      font-weight: 600;
      line-height: 20px;
    }

    .panelTextField {
      font-size: @mediumFontSize;
      border: 1px solid #605e5c;
      color: #000;
      padding: 4px 10px;
      width: @newCollectionPaneInputWidth;
    }

    .panelRadioBtn {
      margin: 0;
    }

    .panelRadioBtnLabel {
      font-size: @mediumFontSize;
      padding: 0 @LargeSpace 0 @SmallSpace;
    }

    .collapsibleSection {
      margin-bottom: 0;
    }
  }
}

.panelHeader {
  color: @BaseDark;
  font-size: @largeFontSize;
  font-weight: 400;
}

.panelInfoErrorContainer {
  background-color: @BaseLow;
  padding: @DefaultSpace;
  display: inline-flex;
  margin: 20px 34px 0 34px;

  i {
    font-size: @WarningErrorIconSize;
    width: @WarningErrorIconSize;
    margin-left: @SmallSpace;
  }

  .panelWarningIcon {
    color: @WarningIconColor;
  }

  .panelErrorIcon {
    color: @ErrorIconColor;
  }

  .panelLargeInfoIcon {
    color: @InfoIconColor;
  }

  .panelWarningErrorDetailsLinkContainer {
    display: flex;
    flex-direction: column;
    padding-left: @MediumSpace;

    .paneErrorLink {
      cursor: pointer;
      font-size: @mediumFontSize;
    }
  }
}

.panelFooter {
  padding: 20px 34px;
  border-top: solid 1px #bbbbbb;

  & button {
    height: 30px;
  }
}

.deleteCollectionFeedback {
  margin-top: 12px;
}
.addRemoveIcon {
  margin-left: 4px !important;
}
.addRemoveIconLabel {
  margin-top: 28px;
  margin-left: 4px !important;
}
.addNewParamStyle {
  margin-top: 5px;
  margin-left: 5px !important;
  cursor: pointer;
}

.panelGroupSpacing > * {
  margin-bottom: @SmallSpace;
}
.fileUpload {
  display: none !important;
}
.customFileUpload {
  padding: 25px 0px 0px 10px;
  cursor: pointer;
  display: flex;
}
.fileIcon {
  align-self: center;
}
.panelAddIconLabel {
  font-size: 20px;
  width: 20px;
  margin: 30px 0 0 10px;
  cursor: default;
}
.panelAddIcon {
  font-size: 20px;
  width: 20px;
  margin: 30px 0 0 10px;
  cursor: default;
}
.removeIcon {
  color: @InfoIconColor;
}
.column-select-view {
  margin: 20px 0px 0px 0px;
}