From a94d9448e40a6ef7666883b2f0f3b16fef4eb933 Mon Sep 17 00:00:00 2001
From: Jaapio <jaap@ijaap.nl>
Date: Tue, 15 Aug 2023 22:01:00 +0200
Subject: [PATCH] Template: add extra breakpoint for xxxl screens

---
 data/templates/default/components/content.css.twig | 10 +++++++++-
 data/templates/default/css/base.css.twig           |  1 +
 data/templates/default/css/template.css.twig       | 10 +++++++++-
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/data/templates/default/components/content.css.twig b/data/templates/default/components/content.css.twig
index fbdd2da589..9fbbb0ad04 100644
--- a/data/templates/default/components/content.css.twig
+++ b/data/templates/default/components/content.css.twig
@@ -3,11 +3,19 @@
     display: flex;
     gap: var(--spacing-md);
 }
+
 .phpdocumentor-content > section:first-of-type {
-    width: 100%;
+    width: 75%;
     flex: 1 1 auto;
 }
 
+@media (min-width: {{ breakpoints['xxxl'] }}) {
+    .phpdocumentor-content > section:first-of-type {
+        width: 100%;
+        flex: 1 1 auto;
+    }
+}
+
 .phpdocumentor .phpdocumentor-content__title {
     margin-top: 0;
 }
diff --git a/data/templates/default/css/base.css.twig b/data/templates/default/css/base.css.twig
index 72c0c741ef..52fbc606cb 100644
--- a/data/templates/default/css/base.css.twig
+++ b/data/templates/default/css/base.css.twig
@@ -4,6 +4,7 @@
     'lg': '750px',
     'xl': '1000px',
     'xxl': '1200px',
+    'xxxl': '1900px',
     'menu': '1000px'
 } %}
 
diff --git a/data/templates/default/css/template.css.twig b/data/templates/default/css/template.css.twig
index 2862fbaa46..8742c89afa 100644
--- a/data/templates/default/css/template.css.twig
+++ b/data/templates/default/css/template.css.twig
@@ -1,4 +1,12 @@
-{% set breakpoints = {'sm': '400px', 'md': '550px', 'lg': '750px', 'xl': '1000px', 'xxl': '1200px', 'menu': '1000px'} %}
+{% set breakpoints = {
+    'sm': '400px',
+    'md': '550px',
+    'lg': '750px',
+    'xl': '1000px',
+    'xxl': '1200px',
+    'xxxl': '1900px',
+    'menu': '1000px'
+} %}
 
 {% include 'components/content.css.twig' %}
 {% include 'components/summary.css.twig' %}