Some fixes for new site (#929)

* menu fix

* hybrid cloud partners overlay fix

* pricing adjustment

* email form error message fix

* marketplaces overlay fix

* body's scroll over the mobile menu fix

* pricing fix

* benchmarks plot labels fix
This commit is contained in:
trean
2024-05-30 19:00:38 +02:00
committed by GitHub
parent 0fdae1a606
commit e70771dde3
14 changed files with 114 additions and 47 deletions
@@ -19,12 +19,12 @@
onchange="renderSelected('{{ .Params.id }}')"
></select>
</div>
<div class="col-6">
<div class="col-12 col-lg-6">
<label class="mb-2">Plot values:</label>
<!-- Radio button group to select values to render -->
<div class="d-flex justify-content-between">
<label>
<div class="benchmark__plot-labels benchmark__plot-labels_stretch">
<label class="benchmark__plot-label">
<input
type="radio"
name="plot-value-{{ .Params.id }}"
@@ -33,9 +33,8 @@
/>
RPS
</label>
|
<label>
<label class="benchmark__plot-label">
<input
type="radio"
name="plot-value-{{ .Params.id }}"
@@ -44,9 +43,8 @@
/>
Latency
</label>
|
<label>
<label class="benchmark__plot-label">
<input
type="radio"
name="plot-value-{{ .Params.id }}"
@@ -55,9 +53,8 @@
/>
p95 latency
</label>
|
<label>
<label class="benchmark__plot-label">
<input
type="radio"
name="plot-value-{{ .Params.id }}"
@@ -13,9 +13,9 @@
<div class="col-8">
<label class="mb-2">Plot values:</label>
<div class="d-flex gap-3">
<div class="benchmark__plot-labels">
<!-- Radio button group to select values to render -->
<label>
<label class="benchmark__plot-label">
<input
checked
type="radio"
@@ -25,9 +25,8 @@
/>
Regular search
</label>
|
<label>
<label class="benchmark__plot-label">
<input
type="radio"
name="plot-value-{{ .Params.id }}"
@@ -36,7 +35,6 @@
/>
Filter search
</label>
|
</div>
</div>
@@ -4,11 +4,14 @@
<section class="hybrid-cloud-partners">
<div class="container">
<h5 class="hybrid-cloud-partners__title">{{ .Params.title }}</h5>
</div>
<div class="hybrid-cloud-partners__content">
<div class="hybrid-cloud-partners__square-grid-overlay"></div>
<div class="hybrid-cloud-partners__cards__container">
<div class="hybrid-cloud-partners__cards__block">
<div class="hybrid-cloud-partners__cards__inner hybrid-cloud-partners__cards__inner_to-left">
@@ -35,7 +38,6 @@
</div>
</div>
<div class="hybrid-cloud-partners__square-grid-overlay"></div>
</div>
</section>
{{ end }}
@@ -1,5 +1,6 @@
{{ $class := .class }}
<section class="{{ $class }}">
<div class="{{ $class }}__square-grid-overlay"></div>
<div class="container">
<h2 class="{{ $class }}__title">{{ .context.Params.title }}</h2>
<div class="{{ $class }}__cards">
@@ -12,5 +13,4 @@
{{ end }}
</div>
</div>
<div class="{{ $class }}__square-grid-overlay"></div>
</section>
@@ -6,7 +6,7 @@
</div>
<ul class="menu-mobile__items">
{{ range .Params.menuItems }}
<li class="menu-mobile__item" data-path="{{ .id }}" onclick="toggleMenu('{{ .id }}')">
<li class="menu-mobile__item" data-path="{{ .id }}">
<div class="menu-mobile__item-content">
{{ if .url }}
<a href="{{ .url }}">{{ .name }}</a>
@@ -34,27 +34,9 @@
</ul>
<div class="menu-mobile__controls">
<a href="{{ .Params.logIn.url }}" class="button button_outlined button_lg menu-mobile__login"
>{{ .Params.logIn.text }}</a
>
>{{ .Params.logIn.text }}</a>
<a href="{{ .Params.startFree.url }}" class="button button_contained button_lg">{{ .Params.startFree.text }}</a>
</div>
</div>
<script>
const closeBtn = document.querySelector('.menu-mobile__close');
const menuTrigger = document.querySelector('.main-menu__trigger');
const menu = document.querySelector('.menu-mobile');
menuTrigger.addEventListener('click', () => {
menu.classList.add('menu-mobile--visible');
});
closeBtn.addEventListener('click', () => {
menu.classList.remove('menu-mobile--visible');
});
function toggleMenu(id) {
const menuItem = document.querySelector(`[data-path=${id}]`);
if (menuItem) {
menuItem.classList.toggle('menu-mobile__item--active');
}
}
</script>
{{ end }}