| .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; |
| } |
| } |
| } |