diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss index 4ccf9e0a3..7830f4d0a 100644 --- a/src/assets/scss/main.scss +++ b/src/assets/scss/main.scss @@ -44,6 +44,7 @@ $pending: $applegreen; $pending-invert: #363636; // $grey-darker $error: $red; $error-invert: #FFFFFF; +$tooltip-background: #3C3C3C; $custom-colors: ( "pending": ($pending, $pending-invert), "error": ($error, $error-invert) ); @@ -1092,5 +1093,15 @@ article.message.is-success *:not(button) { color: mix(black, $success, 70%); } +.icon-tooltip{ + font-weight: bold !important; + color: $white !important; + background-color: $tooltip-background !important; + box-shadow: none !important; +} + +.icon-tooltip::before { + border-bottom: $tooltip-background !important; //using this hides the default tooltip arrow so it's just a box +} diff --git a/src/components/layouts/UserSideBarLayout.vue b/src/components/layouts/UserSideBarLayout.vue index 9c7b9f5e7..9219a0f12 100644 --- a/src/components/layouts/UserSideBarLayout.vue +++ b/src/components/layouts/UserSideBarLayout.vue @@ -147,7 +147,7 @@ v-bind:id="genotypingMenuId" v-bind:to="{name: 'genotyping', params: {programId: activeProgram.id}}" > - Genotyping + Genotypes