From 5cc1dce82047e56ffb3fe531e5750e3f7c2de439 Mon Sep 17 00:00:00 2001 From: Md Mohin Uddin <45921824+mohin7@users.noreply.github.com> Date: Mon, 15 Apr 2024 18:24:05 +0600 Subject: [PATCH] Fix console button (#141) Signed-off-by: mohin7 --- layouts/_default/embed_console.html | 9 +++++--- layouts/index.html | 12 +++++----- static/assets/sass/main.css | 30 +++++++++++++++++++++++-- static/assets/sass/pages/_homepage.scss | 19 +++++++++++++++- 4 files changed, 58 insertions(+), 12 deletions(-) diff --git a/layouts/_default/embed_console.html b/layouts/_default/embed_console.html index c9d50a5036..69932dfaee 100644 --- a/layouts/_default/embed_console.html +++ b/layouts/_default/embed_console.html @@ -97,7 +97,7 @@ - SIGN IN + @@ -150,11 +150,14 @@ "X-Requested-With": "xmlhttprequest" } }) - + if(response.status === 200) { // user is logged in // show console link - acSignInButton.firstElementChild.innerHTML = "CONSOLE" + let icon = acSignInButton.querySelector(".icon"); + icon.style.display = "none"; + let signInText = acSignInButton.querySelector(".sign-in-text"); + signInText.innerHTML = "CONSOLE" acSignInButton.href = consoleDomain acSignInButton.querySelector("#betaTag").classList.remove("is-hidden") } diff --git a/layouts/index.html b/layouts/index.html index cac2c2f720..1c9619bfab 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -450,7 +450,7 @@

Deploy & Manage Databases with 1-click

Kubernetes Made Easy
Provisioning
-

Provision your favorite databases with just a few clicks

+

Provision your favorite databases with just a few clicks

@@ -460,7 +460,7 @@
Provisioning
Kubernetes Made Easy
Database Insights
-

Gain live insights in your databases with a glance

+

Gain live insights in your databases with a glance

@@ -470,7 +470,7 @@
Database Insights
Kubernetes Made Easy
Auto DBA
-

Manage Day 2 lifecycle of your database right from the UI

+

Manage Day 2 lifecycle of your database right from the UI

@@ -480,7 +480,7 @@
Auto DBA
Kubernetes Made Easy
Disaster Recovery
-

Stay ready for any disaster with just a few clicks.

+

Stay ready for any disaster with just a few clicks.

@@ -490,7 +490,7 @@
Disaster Recovery
Kubernetes Made Easy
Monitoring
-

Monitor your database with embedded Grafana dashboards

+

Monitor your database with embedded Grafana dashboards

@@ -500,7 +500,7 @@
Monitoring
Kubernetes Made Easy
Alert
-

Stay alert for your mission critical databases

+

Stay alert for your mission critical databases

diff --git a/static/assets/sass/main.css b/static/assets/sass/main.css index 0af26639b9..c14158c947 100644 --- a/static/assets/sass/main.css +++ b/static/assets/sass/main.css @@ -24961,12 +24961,13 @@ Responsive Classes .single-feature.mechanism { transition: 0.3s ease-in-out; border-radius: 8px; - padding: 16px; + padding: 8px 16px; border: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; } .single-feature.mechanism .content h5 { margin-bottom: 4px; + font-size: 16px; } .single-feature.mechanism:hover { background-color: rgba(255, 255, 255, 0.1); @@ -25010,6 +25011,31 @@ Responsive Classes height: 0px; padding-top: 69.9300699301%; } +@media screen and (min-width: 769px) and (max-width: 1023px) { + .single-ui-ss { + padding-top: 108.6956521739%; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .single-ui-ss { + padding-top: 90.9090909091%; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .single-ui-ss { + padding-top: 71.4285714286%; + } +} +@media screen and (min-width: 1408px) { + .single-ui-ss { + padding-top: 64.1025641026%; + } +} +@media (min-width: 1216px) and (max-width: 1440px) { + .single-ui-ss { + padding-top: 71.4285714286%; + } +} .single-ui-ss img { position: absolute; top: 0; @@ -25823,4 +25849,4 @@ Responsive Classes .modify-contact-form .fs-webform-container .select2-selection__choice { font-size: 12px; line-height: 1; -}/*# sourceMappingURL=main.css.map */ \ No newline at end of file +} \ No newline at end of file diff --git a/static/assets/sass/pages/_homepage.scss b/static/assets/sass/pages/_homepage.scss index a5e3808f84..397de49411 100644 --- a/static/assets/sass/pages/_homepage.scss +++ b/static/assets/sass/pages/_homepage.scss @@ -300,12 +300,13 @@ &.mechanism { transition: 0.3s ease-in-out; border-radius: 8px; - padding: 16px; + padding: 8px 16px; border: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; .content { h5 { margin-bottom: 4px; + font-size: 16px; } } &:hover { @@ -352,6 +353,22 @@ width: 100%; height: 0px; padding-top: calc(100% * (100 / 143)); + @include tablet-only { + padding-top: calc(100% * (100 / 92)); + } + @include desktop-only { + padding-top: calc(100% * (100 / 110)); + } + @include widescreen-only { + padding-top: calc(100% * (100 / 140)); + } + @include fullhd { + padding-top: calc(100% * (100 / 156)); + } + @media (min-width: 1216px) and (max-width: 1440px){ + padding-top: calc(100% * (100 / 140)); + } + img { position: absolute; top: 0;