WIP

Niklan · Oct 30, 2024 · 79c1c17 · 79c1c17
1 parent 668da7d
commit 79c1c17
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 4 deletions.
diff --git a/app/Drupal/laszlo/assets/css/03-component/ui/prose.css b/app/Drupal/laszlo/assets/css/03-component/ui/prose.css
@@ -15,6 +15,14 @@
     border-bottom: 1px solid var(--color-surface-container-high);
   }
 
+  .prose h2:first-child,
+  .prose h3:first-child,
+  .prose h4:first-child,
+  .prose h5:first-child,
+  .prose h6:first-child {
+    margin-top: 0;
+  }
+
   .prose h2 + h3,
   .prose h3 + h4,
   .prose h4 + h5,

diff --git a/app/Drupal/laszlo/components/content/about/about.css b/app/Drupal/laszlo/components/content/about/about.css
@@ -1,7 +1,7 @@
 .about {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-6);
+  gap: var(--author-page-content-gap, var(--spacing-12));
 }
 
 .about__head {

diff --git a/app/Drupal/laszlo/components/content/contact/contact.css b/app/Drupal/laszlo/components/content/contact/contact.css
@@ -1,7 +1,7 @@
 .contact {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-6);
+  gap: var(--author-page-content-gap, var(--spacing-12));
 }
 
 .contact__items {

diff --git a/app/Drupal/laszlo/components/content/support/support.css b/app/Drupal/laszlo/components/content/support/support.css
@@ -1,7 +1,7 @@
 .support {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-6);
+  gap: var(--author-page-content-gap, var(--spacing-12));
 }
 
 .support__cta {

diff --git a/app/Drupal/laszlo/components/content/support/support.twig b/app/Drupal/laszlo/components/content/support/support.twig
@@ -7,6 +7,8 @@
     {% embed 'laszlo:button' with {
       attributes: create_attribute({
         'class': ['support__cta'],
+        'target': '_blank',
+        'rel': 'noopener noreferrer',
       }),
       component: 'a',
       href: donate_url,

diff --git a/app/Drupal/laszlo/components/layout/author-page/author-page.css b/app/Drupal/laszlo/components/layout/author-page/author-page.css
@@ -1,4 +1,6 @@
 .author-page {
+  --author-page-content-gap: var(--spacing-12);
+
   display: grid;
   gap: var(--spacing-6);
   grid-template-columns: 1fr 320px;
@@ -10,7 +12,7 @@
   padding: var(--spacing-16) var(--spacing-12);
   border-radius: var(--spacing-4);
   background-color: var(--color-surface-container-low);
-  gap: var(--spacing-12);
+  gap: var(--author-page-content-gap);
 }
 
 .author-page__navigation {