summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/onboarding.scss
blob: 6b892ac0a41c6d5d422bf695a8fe9be25bd448f3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
.dox-ui {
  @import "bootstrap";
  @import "~react-select/dist/react-select.min.css";

  @import "common";
  @import "components";
  @import "modules";
}

/* Out of namespace context for tooltips */
div[data-reactroot].tooltip {
  @import "common/variables";
  @import "common/typography";

  &.in {
	opacity: 1;
  }
  &.validation-error-message {
	&.bottom {
	  .tooltip-arrow {
		border-bottom-color: $red !important;
	  }
	}
  }
  &.bottom {
	.tooltip-arrow {
	  border-bottom-color: $dark-gray !important;
	}
  }
  &.top {
	.tooltip-arrow {
	  border-top-color: $dark-gray !important;
	}
  }
  .tooltip-inner {
	max-width: 100%;
	background-color: $dark-gray;
  }

  // activity log tooltip
  &.activity-log-message-tooltip {
	@include base-font-regular;
	font-size: $body-font-2;
	.message-block {
	  text-align: left;
	  padding: 3px 12px;
	}
  }
  //dependency table error tooltip
  &.select-action-table-error-tooltip{
    @include base-font-regular;
    margin-right: 5px;
    font-size: $body-font-2;
    .message-block {
      text-align: left;
      padding: 3px 12px;
    }
    .tooltip-arrow {
           border-bottom-color: $red !important;
	  }

    .tooltip-inner {
      background-color: $red;
      padding: 6px 8px;
      font-size: $body-font-2;
    }
  }
}