config-ui/src/styles/libraries/blueprint.scss

// Licensed to the Apache Software Foundation (ASF) under one or more
// contributor license agreements.  See the NOTICE file distributed with
// this work for additional information regarding copyright ownership.
// The ASF licenses this file to You under the Apache License, Version 2.0
// (the "License"); you may not use this file except in compliance with
// the License.  You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

/* BlueprintCSS overrides */

/* Plugin Sidebar */
.bp3-tree-node-content {
  height: 40px;
  padding-left: 13px;
  padding-right: 0;
}

.bp3-tree-node-label {
  height: 100%;
}

.bp3-tree-node-caret {
  z-index: 1;
}

.bp3-tree-node-label {
  display: flex;
  align-items: center;
  padding-left: 3.35rem;
  margin-left: -3.015rem;
}

.bp3-tree {
  padding-left: 0px;
  margin-left: -20px;
  width: calc(100% + 40px);
}

/* Forms and inputs */
.bp3-tooltip .bp3-popover-arrow {
  margin-top: -2px;
}

.bp3-popover-wrapper,
.bp3-popover-target {
  width: 100%;
}

.bp3-form-helper-text {
  font-size: 11px !important;
  opacity: 0.8 !important;
  text-align: right;
}

.bp3-tag-input .bp3-button {
  position: absolute !important;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Jira plugin tabs */
.bp3-tab-indicator {
  width: 8px;
  top: -3px;
  border-radius: 100%;
  height: 8px !important;
  left: -3px !important;
}

.bp3-tab {
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.15);
  padding: 0.1rem 0.5rem;
  outline: 0;
  display: inline-block;
  margin-bottom: 0.75rem;
}

.bp3-tab-list {
  display: inline-block;
  max-width: 600px;
}

.bp3-running-text table, table.bp3-html-table {
  font-size: 1.0em;
}

button, .bp3-button {
  font-size: 1.1em;
}

.bp3-breadcrumbs {
  & > li {
    &::after {
      background: transparent url(data:image/png;base64,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);
      background-size: contain;
      transform: scale(0.7);
      background-repeat: no-repeat;
      opacity: 0.3;
    }
  }
}

.bp3-toast-message {
  padding: 13px;
}

.bp3-toast {
  margin-left: 250px; // compensate for sidebar, toasts will appear centered
  background-color: #ffffff;
  &.bp3-intent-primary {
    background-color: #ffffff;
    color: #F0F4FE;
  }
  &.bp3-intent-warning {
    background-color: #ffffff;
    color: #94959F;
  }
  &.bp3-intent-danger {
    background-color: #ffffff;
    color: #E34040;
  }
  &.bp3-intent-success {
    background-color: #ffffff;
    color: #4DB764;
  }
  > span.bp3-icon {
    color: inherit !important;
    > svg {
      color: inherit !important;
    }
  }
}

.bp3-popover-wrapper {
  &.select-epic-key, &.select-story-key {
    width: auto;
    // min-width: 260px;
    max-width: 300px;
  }
}

.bp3-select-popover {
  .bp3-menu {
    max-height: calc(10 * 32px);
    overflow: auto;
  }
}

.bp3-multi-select-popover {
  max-width: 600px;
  overflow: auto;
  text-overflow: ellipsis;
  &.transformation-select-popover {
    max-width: 430px;
  }
  .bp3-menu-item {
    .bp3-menu-item-label {
      max-width: 70%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }
}

.bp3-menu-item {
  .bp3-control {
    margin-bottom: 0;
  }
}

.bp3-control.bp3-checkbox input:checked~.bp3-control-indicator:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0 0 12 5z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E")
}

.bp3-button.bp3-outlined.bp3-intent-primary {
  border-color: #7497F7;
}

.bp3-button.bp3-minimal.bp3-intent-primary,
.bp3-button.bp3-outlined.bp3-intent-primary {
  color: #7497F7;
}

.bp3-button.bp3-outlined.bp3-intent-primary:hover,
.bp3-button.bp3-outlined.bp3-intent-primary:active,
.bp3-button.bp3-outlined.bp3-intent-primary.bp3-active {
  color: #7497F7;
}