/*!
 * SPDX-License-Identifier: Apache-2.0
 *
 * The OpenSearch Contributors require contributions made to
 * this file be licensed under the Apache-2.0 license or a
 * compatible open source license.
 *
 * Modifications Copyright OpenSearch Contributors. See
 * GitHub history for details.
 */

.ouiMarkdownEditorFooter {
  display: inline-flex;
  padding: $ouiSizeXS;
  border: $ouiBorderThin;
  align-items: center;
  background: $ouiPageBackgroundColor;
}

.ouiMarkdownEditorFooter__popover {
  width: 300px;
}

.ouiMarkdownEditorFooter__actions {
  flex: 1;
  display: inline-flex;

  > button,
  > span {
    margin-right: $ouiSizeXS;
    align-self: center;
  }

  // overrides button empty styles so it can match the button icon
  // So when we have an error this button appears smoothly
  .ouiMarkdownEditorFooter__uploadError {
    position: relative;
    left: -1px;
    line-height: 1;
    border-radius: $ouiBorderRadius;

    > span {
      padding: 0 $ouiSizeXS;
    }
  }
}

.ouiMarkdownEditorFooter__help {
  justify-self: flex-end;

  // overrides the default button icon width size
  > svg {
    width: 26px;
  }
}

.ouiMarkdownEditorFooter__errors {
  // overrides the default button icon width size
  > svg {
    color: $ouiTextSubduedColor;
  }
}