diff --git a/src/app/feature-flag/banner/feature-banner.component.html b/src/app/feature-flag/banner/feature-banner.component.html index 1bdc6f642..9247d8c32 100644 --- a/src/app/feature-flag/banner/feature-banner.component.html +++ b/src/app/feature-flag/banner/feature-banner.component.html @@ -13,7 +13,7 @@
- This feature is experimental. You can manage pre-production features on your profile page. + This feature is experimental. You can manage pre-production features on your profile page. Got it! +
@@ -20,7 +20,7 @@

Internal Features Opt-in

Experimental Features Opt-in

These features are currently in beta testing and have no guarantee of performance or stability. Use theses at your own risk.

- + @@ -33,7 +33,7 @@

Experimental Features Opt-in

Beta Features Opt-in

These features are currently in beta testing and have no guarantee of performance or stability. Use theses at your own risk.

- + @@ -61,4 +61,3 @@

Pre-production Features

- diff --git a/src/app/feature-flag/warning-page/feature-warning-page.component.less b/src/app/feature-flag/warning-page/feature-warning-page.component.less index c7bcb35e6..0cef0831c 100644 --- a/src/app/feature-flag/warning-page/feature-warning-page.component.less +++ b/src/app/feature-flag/warning-page/feature-warning-page.component.less @@ -10,9 +10,16 @@ i { color: @color-for-feature; } - button { + .btn-feature-level { + &:extend(.btn-default); + border-color: @color-for-feature; background-color: @color-for-feature; - color: white; + background-image: linear-gradient(to bottom, @color-for-feature 0, @color-for-feature 100%); + &:hover { + background-color: @color-for-feature; + background-image: none; + border-color: darken((@color-for-feature), 10%); + } } } }