From fcabf70963ee7ff6e8a69df60304b350543edeee Mon Sep 17 00:00:00 2001 From: Md Mohin Uddin <45921824+mohin7@users.noreply.github.com> Date: Thu, 29 Feb 2024 17:28:22 +0600 Subject: [PATCH] Remove depend HTML and update color gradient (#133) Signed-off-by: mohin7 --- layouts/_default/baseof.html | 11 ++--- layouts/_default/notification_top.html | 57 +++++++++++++++++----- static/assets/sass/components/_navbar.scss | 16 ------ 3 files changed, 49 insertions(+), 35 deletions(-) diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index e05fdc3cde..63bf13e570 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -131,20 +131,15 @@
- -
-
- -
-
+ + - +
diff --git a/layouts/_default/notification_top.html b/layouts/_default/notification_top.html index 0598d3f053..c160c7c6bf 100644 --- a/layouts/_default/notification_top.html +++ b/layouts/_default/notification_top.html @@ -18,6 +18,17 @@ font-family: "Roboto", sans-serif; font-size: 14px; } + + .notification-wrapper { + background: linear-gradient(-100deg,#fb00ff,#ffee00 32%,#fe4d5d 70%,#ff7900); + .navbar-appscode.container{ + padding: 0; + @media (max-width: 1024px) { + padding: 0 16px; + } + } + } + .notification-top { display: flex; align-items: center; @@ -76,20 +87,44 @@ } } } + /* navbar container spacing */ + .navbar-appscode{ + &.container { + max-width: 1344px; + margin: 0 auto; + @media (min-width: 1601px) and (max-width: 1920px){ + max-width: 1344px; + } + @media (min-width: 1408px) and (max-width: 1600px){ + max-width: 1200px; + } + @media (min-width: 1216px) and (max-width: 1407px) { + max-width: 1152px !important; + } + @media (min-width: 1024px) and (max-width: 1215px) { + max-width: 960px !important; + } + } + } -
- - Connect with the AppsCode team at Kubecon EU: Reserve your personalized 1:1 chat now! - - +
+
+
+ + Connect with the AppsCode team at Kubecon EU: Reserve your personalized 1:1 chat now! + + +
+
+ diff --git a/static/assets/sass/components/_navbar.scss b/static/assets/sass/components/_navbar.scss index 6c9ec1e918..be1ea90812 100644 --- a/static/assets/sass/components/_navbar.scss +++ b/static/assets/sass/components/_navbar.scss @@ -3,22 +3,6 @@ position: relative; z-index: 99; background-color: $ac-white; - .notification-wrapper { - /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5e2dea+0,f8742e+50,f97530+51,7db9e8+100 */ - background: linear-gradient(45deg, #5e2dea 0%,#f8742e 50%,#f97530 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - .navbar-appscode.container{ - padding: 0; - @media (max-width: 1024px) { - padding: 0 16px; - } - } - iframe { - overflow: hidden; - display: flex; - width: 100%; - height: 26px; - } - } } .navbar-appscode-wrapper {