From a680b082514a9d7f5b003892263678e01caef4f4 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Mon, 12 Sep 2022 19:36:49 +0530
Subject: [PATCH 1/7] chore: Fixes height issues with seconday sidebar (#5407)
---
.../dashboard/components/layout/Sidebar.vue | 2 --
.../layout/sidebarComponents/Secondary.vue | 3 ++-
.../dashboard/contacts/components/Header.vue | 5 ++++-
.../components/HelpCenterLayout.vue | 21 +++++++++----------
.../helpcenter/components/Sidebar/Sidebar.vue | 7 +++++++
5 files changed, 23 insertions(+), 15 deletions(-)
diff --git a/app/javascript/dashboard/components/layout/Sidebar.vue b/app/javascript/dashboard/components/layout/Sidebar.vue
index 9048779ef..c7c145399 100644
--- a/app/javascript/dashboard/components/layout/Sidebar.vue
+++ b/app/javascript/dashboard/components/layout/Sidebar.vue
@@ -285,8 +285,6 @@ export default {
}
.secondary-menu .nested.vertical.menu {
- overflow-y: auto;
- height: 100%;
margin-left: var(--space-small);
}
diff --git a/app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue b/app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue
index c303268c9..e68fcc3a4 100644
--- a/app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue
+++ b/app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue
@@ -245,6 +245,8 @@ export default {
@import '~dashboard/assets/scss/woot';
.secondary-menu {
+ display: flex;
+ flex-direction: column;
background: var(--white);
border-right: 1px solid var(--s-50);
height: 100%;
@@ -267,7 +269,6 @@ export default {
.menu {
padding: var(--space-small);
overflow-y: auto;
- height: 94%;
}
}
diff --git a/app/javascript/dashboard/routes/dashboard/contacts/components/Header.vue b/app/javascript/dashboard/routes/dashboard/contacts/components/Header.vue
index 9a9e670b1..2228320bb 100644
--- a/app/javascript/dashboard/routes/dashboard/contacts/components/Header.vue
+++ b/app/javascript/dashboard/routes/dashboard/contacts/components/Header.vue
@@ -2,6 +2,7 @@
No articles here Search for the articles here or browse the categories below.
+ <%= article.author.updated_at.strftime("%B %d %Y") %>
+ <%= @article.author.updated_at.strftime("%B %d %Y") %> <%= @parsed_content %> No articles here Search for the articles here or browse the categories below. No articles here
{{ headerTitle }}
@@ -173,11 +174,13 @@ export default {
}
.search-wrap {
- width: 400px;
+ max-width: 400px;
+ min-width: 150px;
display: flex;
align-items: center;
position: relative;
margin-right: var(--space-small);
+ margin-left: var(--space-small);
.search-icon {
position: absolute;
diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/components/HelpCenterLayout.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/components/HelpCenterLayout.vue
index 347318fcf..6c7cf3b69 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/components/HelpCenterLayout.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/components/HelpCenterLayout.vue
@@ -6,17 +6,16 @@
@open-key-shortcut-modal="toggleKeyShortcutModal"
@close-key-shortcut-modal="closeKeyShortcutModal"
/>
-
+ <%= category.name %>
+
<%= category.articles.published.size %> articles
+ <%= portal.header_text %>
+
+ <%= article.title %>
+ <%= article.author.name %>
+
+ <%= @article.title %>
+ <%= @article.author.name %>
+
+ <%= category.name %>
+
<%= category.articles.published.size %> articles
+ <%= portal.header_text %>
+
+ <%= @category.name %>
+ <%= @category.articles.published.size %> articles
+