From b67a85cee9f3df2880d85c3b4872faedb091d069 Mon Sep 17 00:00:00 2001 From: Rob Beeston Date: Wed, 18 Sep 2024 01:00:56 +0000 Subject: [PATCH] standardized mobile views, header menu changes (#1261) standardization of mobile views and some requested header changes --- frontend/styles.css | 6 ++-- static/css/boostbookV2.css | 2 +- templates/base.html | 2 +- templates/community_temp.html | 14 ++++----- templates/docs_temp.html | 10 +++---- templates/includes/_header.html | 33 ++++++++++++--------- templates/libraries/_library_list_item.html | 2 +- templates/libraries/category_list.html | 10 +++---- templates/libraries/detail.html | 18 +++++------ templates/libraries/flat_list.html | 8 ++--- templates/libraries/list.html | 4 +-- templates/news/list.html | 2 +- templates/style_guide.html | 8 ++--- templates/versions/detail.html | 8 ++--- 14 files changed, 66 insertions(+), 61 deletions(-) diff --git a/frontend/styles.css b/frontend/styles.css index cf832185..a434bf5d 100644 --- a/frontend/styles.css +++ b/frontend/styles.css @@ -81,11 +81,11 @@ /* just using .content as a class for these for now, but we can change later */ main.content { - @apply px-3 mb-3 md:px-0; + @apply px-0 md:px-3 md:mb-3; } section.content { - @apply p-6 mb-4 w-full bg-white rounded-lg shadow-lg md:flex dark:text-offwhite truncate text-slate dark:bg-charcoal; + @apply p-6 mb-4 w-full bg-white md:rounded-lg md:shadow-lg md:flex dark:text-offwhite truncate text-slate dark:bg-charcoal; } select.dropdown { @@ -160,7 +160,7 @@ kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: 'Noto Mono', monospace; /* 1 */ @apply text-sm text-sky-800 dark:text-sky-200 overflow-x-scroll; /* 2 */ diff --git a/static/css/boostbookV2.css b/static/css/boostbookV2.css index 012552b3..aa79cc20 100644 --- a/static/css/boostbookV2.css +++ b/static/css/boostbookV2.css @@ -34,7 +34,7 @@ Default light/dark color scheme --site-dark-secondary-blue: #7dd3fc; --site-light-teritary-green: #0eae60; --site-dark-teritary-green: #5ad599; - --site-light-code-bg-color: #eee; + --site-light-code-bg-color: #fcfcfc; --site-dark-code-bg-color: #000; /* specific use colors */ --site-light-red: red; diff --git a/templates/base.html b/templates/base.html index 7db0890c..c14cbe42 100644 --- a/templates/base.html +++ b/templates/base.html @@ -56,7 +56,7 @@ {% block messages %}{% include "partials/messages.html" %}{% endblock messages %} -
+
{% block content_wrapper %} {% block subnav %}{% endblock %} {% block content %}{% endblock %} diff --git a/templates/community_temp.html b/templates/community_temp.html index 2ca76b25..648b65a9 100644 --- a/templates/community_temp.html +++ b/templates/community_temp.html @@ -5,10 +5,10 @@ {% block title %}{% trans "Community" %}{% endblock %} {% block content %} -
+
-
+
Mailing Lists

Discover the Boost library community with options tailored to developers, casual users, and enthusiasts. @@ -38,7 +38,7 @@

-
+
Discussion Forums

Coming soon, exploring the topics and decisions being made by the community will be available via a more modern interface. @@ -47,7 +47,7 @@

In the meantime, please enjoy our
Mailing List Archives
-
+
Cpplang Slack Workspace

A vibrant hub for real-time discussions with Boost authors, maintainers, and contributors. Dive into one of the largest searchable databases for Boost/C++ insights and history. Join now.

@@ -59,7 +59,7 @@
{% comment %} -
+
Users @@ -74,13 +74,13 @@
{% endcomment %} -
+
ISO C++

News, Status & Discussion about Standard C++

The Standard C++ Foundation is a Washington 501(c)(6) not-for-profit organization supporting the C++ community and promotes the use of modern Standard C++.

-
+
Across the Web

Follow us, like, and share our announcements.

diff --git a/templates/docs_temp.html b/templates/docs_temp.html index 26c75a54..aef3306e 100644 --- a/templates/docs_temp.html +++ b/templates/docs_temp.html @@ -21,9 +21,9 @@ make the columns go to 1
{% endcomment %} -
+
-
+
User Guide
@@ -41,7 +41,7 @@ make the columns go to 1
-
+
{% endcomment %} -
+ -
+
Boost
where
arrow_drop_down
-
+
@@ -354,7 +359,7 @@ html.dark { this.updateSearchButtonLocation(); }, updateSearchButtonLocation() { - if (window.innerWidth >= 768) { + if (window.innerWidth > 769) { this.desktopSearchArea.appendChild(this.searchButton); } else { this.mobileSearchArea.appendChild(this.searchButton); diff --git a/templates/libraries/_library_list_item.html b/templates/libraries/_library_list_item.html index d48de74d..923bc464 100644 --- a/templates/libraries/_library_list_item.html +++ b/templates/libraries/_library_list_item.html @@ -1,7 +1,7 @@ {% load static %} {% load date_filters %} -

diff --git a/templates/libraries/category_list.html b/templates/libraries/category_list.html index 8df604f9..af894f2e 100644 --- a/templates/libraries/category_list.html +++ b/templates/libraries/category_list.html @@ -33,7 +33,7 @@ {% endcomment %}

-
+
@@ -59,7 +59,7 @@ {% endcomment %} {# Display options #} -
+
List View @@ -79,7 +79,7 @@
@@ -93,9 +93,9 @@ {% include "libraries/includes/version_alert.html" %} {# Libraries list #} -
+
{% if category %} -
{{ category }}
+
{{ category }}
{% endif %} diff --git a/templates/libraries/list.html b/templates/libraries/list.html index be4dc6df..126aadc2 100644 --- a/templates/libraries/list.html +++ b/templates/libraries/list.html @@ -33,7 +33,7 @@ {% endcomment %} -
+
@@ -64,7 +64,7 @@ {# todo: if someone selects a category and hits back, it retains their choice here. #}