Issue #3258169 by agami4: Add improvements to the edit/delete group membership pages

assets/css/page-node--sky.css

 .socialblue--sky.path-node .region--complementary .block-shariff {
   display: none;
 }
+
+.socialblue--sky.path-group--membership-actions form:not(.layout-builder-configure-block) fieldset {
+  margin-top: 0;
+}
+
+.socialblue--sky.path-group--membership-actions .layout--with-complementary .region--title {
+  -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+          order: 1;
+}
+
+.socialblue--sky.path-group--membership-actions .layout--with-complementary .region--secondary-navigation {
+  width: 100%;
+  max-width: 100%;
+  margin-top: 0;
+  padding-left: 1rem;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  -webkit-box-ordinal-group: 1;
+      -ms-flex-order: 0;
+          order: 0;
+}
+
+.socialblue--sky.path-group--membership-actions .layout--with-complementary .region--secondary-navigation .navbar-secondary {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 100%;
+          flex: 0 0 100%;
+  max-width: 100%;
+  border-radius: 0;
+}
+
+@media (max-width: 899px) {
+  .socialblue--sky.path-group--membership-actions .layout--with-complementary .region--secondary-navigation {
+    padding-left: 0;
+  }
+}

components/05-templates/page-node/page-node--sky.scss

@@ -8,4 +8,34 @@
       }
     }
   }
+
+  &.path-group--membership-actions {
+    form:not(.layout-builder-configure-block) fieldset {
+      margin-top: 0;
+    }
+    .layout--with-complementary {
+      .region--title {
+        order: 1;
+      }
+
+      .region--secondary-navigation {
+        width: 100%;
+        max-width: 100%;
+        margin-top: 0;
+        padding-left: 1rem;
+        justify-content: flex-start;
+        order: 0;
+
+        @include for-tablet-landscape-down {
+          padding-left: 0;
+        }
+
+        .navbar-secondary {
+          flex: 0 0 100%;
+          max-width: 100%;
+          border-radius: 0;
+        }
+      }
+    }
+  }
 }

socialblue.info.yml

@@ -78,6 +78,8 @@ libraries-extend:
     - socialblue/stream
   socialbase/layout:
     - socialblue/layout
+  socialbase/page-node:
+    - socialblue/page-node
 
 ckeditor_stylesheets:
   - assets/css/ckeditor.css

socialblue.libraries.yml

@@ -198,6 +198,11 @@ layout:
       assets/css/layout.css: {}
       assets/css/layout--sky.css: {}
 
+page-node:
+  css:
+    layout:
+      assets/css/page-node--sky.css: {}
+
 color.preview:
   css:
     theme:

socialblue.theme

@@ -81,3 +81,22 @@ function socialblue_preprocess_file_upload_help(array &$variables) {
     $variables['description'] = '';
   }
 }
+
+/**
+ * Implements hook_preprocess_html().
+ */
+function socialblue_preprocess_html(array &$variables): void {
+  $route_name = \Drupal::routeMatch()->getRouteName();
+
+  $routes = [
+    'entity.group_content.edit_form',
+    'entity.group_content.delete_form',
+    'entity.group_content.canonical',
+    'entity.group.content_translation_overview',
+  ];
+
+  if (in_array($route_name, $routes)) {
+    $variables['attributes']['class'][] = 'path-group--membership-actions';
+    $variables['#attached']['library'][] = 'socialblue/page-node';
+  }
+}

src/Plugin/Preprocess/Page.php

@@ -26,7 +26,6 @@ class Page extends PageBase {
     'group' => [
       'entity.group.edit_form',
       'social_album.add',
-      'entity.group.content_translation_overview',
       'entity.group.content_translation_add',
     ],
   ];