Use outline rather than solid color

Signed-off-by: Mathew Wicks <[email protected]>
kubeflow · Oct 23, 2024 · 1ad8b7b · 1ad8b7b
1 parent 18c48ef
commit 1ad8b7b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 14 deletions.
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
@@ -1,3 +1,13 @@
+// --------------------------------------------------
+// popover styles
+// --------------------------------------------------
+.popover-header {
+  color: #fff;
+  font-weight: 600;
+  background-color: $dark;
+  padding: 0.75rem;
+}
+
 // --------------------------------------------------
 // reduce padding for small screens
 // --------------------------------------------------
@@ -582,14 +592,6 @@ nav.foldable-nav {
   color: $secondary;
 }
 
-// create new colors for the distribution "kubeflow version" buttons
-.btn-kf-version {
-    color: #fff;
-    background: #8fb8ff linear-gradient(180deg, #94bbff, #8fb8ff) repeat-x;
-    border-color: #8fb8ff;
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
-}
-
 // --------------------------------------------------
 // 404 page
 // --------------------------------------------------

diff --git a/layouts/shortcodes/kf-version-notice.html b/layouts/shortcodes/kf-version-notice.html
@@ -24,29 +24,29 @@
 {{- $this_release_date_string := $this_release_date | time.Format ":date_long" }}
 
 {{- $this_version_lag := sub $latest_release_minor $this_release_minor }}
-{{- $popup_content_prefix := printf "This distribution includes Kubeflow %s which was released on <strong>%s</strong> and is <strong>%d</strong> minor versions behind the latest release." $version_full $this_release_date_string $this_version_lag }}
+{{- $popup_content_prefix := printf "Kubeflow %s was initially released on <strong>%s</strong> and is <strong>%d</strong> minor versions behind the latest release." $version_full $this_release_date_string $this_version_lag }}
 
 {{- $button_style := "" }}
 {{- $popup_icon := "" }}
 {{- $popup_title := "" }}
 {{- $popup_content :=  "" }}
 {{- if eq $this_version_lag 0 }}
-  {{- $button_style = "btn-kf-version" }}
+  {{- $button_style = "btn-outline-primary" }}
   {{- $popup_icon = "" }}
   {{- $popup_title = "Version Info" }}
   {{- $popup_content = printf `%s<br><br>This distribution is currently considered up-to-date.` $popup_content_prefix }}
 {{- else if eq $this_version_lag 1 }}
-  {{- $button_style = "btn-kf-version" }}
+  {{- $button_style = "btn-outline-primary" }}
   {{- $popup_icon = "" }}
   {{- $popup_title = "Version Info" }}
-  {{- $popup_content = printf `%s<br><br>Reach out to the maintainers if you are interested in Kubeflow %s support.` $popup_content_prefix $latest_release_full }}
+  {{- $popup_content = printf `%s<br><br>If you want this distribution to support Kubeflow %s, please reach out to its maintainers.` $popup_content_prefix $latest_release_full }}
 {{- else if eq $this_version_lag 2 }}
-  {{- $button_style = "btn-kf-version" }}
+  {{- $button_style = "btn-outline-primary" }}
   {{- $popup_icon = "" }}
   {{- $popup_title = "Version Warning" }}
   {{- $popup_content = printf `%s<br><br>You may wish to confirm this distribution is still supported by its maintainers.` $popup_content_prefix }}
 {{- else }}
-  {{- $button_style = "btn-kf-version" }}
+  {{- $button_style = "btn-outline-primary" }}
   {{- $popup_icon = "" }}
   {{- $popup_title = "Version Warning" }}
   {{- $popup_content = printf `%s<br><br>We suggest you confirm this distribution is still supported by its maintainers.` $popup_content_prefix }}