blob: 6b892ac0a41c6d5d422bf695a8fe9be25bd448f3 [file] [log] [blame]
Michael Landoefa037d2017-02-19 12:57:33 +02001.dox-ui {
AviZi280f8012017-06-09 02:39:56 +03002 @import "bootstrap";
3 @import "~react-select/dist/react-select.min.css";
Michael Landoefa037d2017-02-19 12:57:33 +02004
AviZi280f8012017-06-09 02:39:56 +03005 @import "common";
6 @import "components";
7 @import "modules";
8}
Michael Landoefa037d2017-02-19 12:57:33 +02009
AviZi280f8012017-06-09 02:39:56 +030010/* Out of namespace context for tooltips */
11div[data-reactroot].tooltip {
12 @import "common/variables";
13 @import "common/typography";
14
15 &.in {
16 opacity: 1;
17 }
18 &.validation-error-message {
19 &.bottom {
20 .tooltip-arrow {
21 border-bottom-color: $red !important;
22 }
23 }
24 }
25 &.bottom {
26 .tooltip-arrow {
27 border-bottom-color: $dark-gray !important;
28 }
29 }
30 &.top {
31 .tooltip-arrow {
32 border-top-color: $dark-gray !important;
33 }
34 }
35 .tooltip-inner {
36 max-width: 100%;
37 background-color: $dark-gray;
38 }
39
40 // activity log tooltip
41 &.activity-log-message-tooltip {
42 @include base-font-regular;
43 font-size: $body-font-2;
44 .message-block {
45 text-align: left;
46 padding: 3px 12px;
47 }
48 }
49 //dependency table error tooltip
50 &.select-action-table-error-tooltip{
51 @include base-font-regular;
52 margin-right: 5px;
53 font-size: $body-font-2;
54 .message-block {
55 text-align: left;
56 padding: 3px 12px;
57 }
58 .tooltip-arrow {
59 border-bottom-color: $red !important;
60 }
61
62 .tooltip-inner {
63 background-color: $red;
64 padding: 6px 8px;
65 font-size: $body-font-2;
66 }
67 }
Michael Landoefa037d2017-02-19 12:57:33 +020068}