style: Fix width of components in notification-group

Signed-off-by: lindwurm <[email protected]>
akane-blue · Oct 16, 2024 · 65c9b96 · 65c9b96
1 parent c9e4291
commit 65c9b96
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 25 deletions.
diff --git a/app/javascript/styles/mods/compact-padding.scss b/app/javascript/styles/mods/compact-padding.scss
@@ -42,20 +42,6 @@
     flex-grow: 0;
   }
 
-  .notification-ungrouped, .notification-group {
-    padding: 8px;
-  }
-
-  .notification-ungrouped .status__content {
-      margin-inline-start: 0;
-      width: 100%;
-  }
-
-  .notification-ungrouped .status__action-bar {
-      margin-inline-start: 0;
-      width: 100%;
-  }
-
   .notification-group__icon {
       width: 24px;   
   }
@@ -64,4 +50,27 @@
       margin-bottom: 4px;
       padding-inline-start: 0;
   }
+
+  .notification-ungrouped, .notification-group {
+    padding: 8px;
+  }
+
+  .notification-ungrouped {
+    .attachment-list,
+    .audio-player,
+    .content-warning,
+    .filter-warning,
+    .hashtag-bar,
+    .media-gallery,
+    .more-from-author,
+    .picture-in-picture-placeholder,
+    .status-card,
+    .status__action-bar,
+    .status__content,
+    .video-player {
+        margin-inline-start: 0;
+        width: 100%;
+    }
+  }
+
 }
diff --git a/app/javascript/styles/mods/legacy-style.scss b/app/javascript/styles/mods/legacy-style.scss
@@ -123,22 +123,31 @@
     .status__action-bar__button-wrapper {
         flex-grow: 0;
     }
-    .notification-ungrouped, .notification-group {
-        padding: 4px 4px 2px 4px;
-    }
-    .notification-ungrouped .status__content {
-        margin-inline-start: 0;
-        width: 100%;
-    }
-    .notification-ungrouped .status__action-bar {
-        margin-inline-start: 0;
-        width: 100%;
-    }
     .notification-group__icon {
         width: 24px;   
     }
     .notification-ungrouped__header {
         margin-bottom: 4px;
         padding-inline-start: 0;
     }
+    .notification-ungrouped, .notification-group {
+        padding: 8px;
+    }
+    .notification-ungrouped {
+        .attachment-list,
+        .audio-player,
+        .content-warning,
+        .filter-warning,
+        .hashtag-bar,
+        .media-gallery,
+        .more-from-author,
+        .picture-in-picture-placeholder,
+        .status-card,
+        .status__action-bar,
+        .status__content,
+        .video-player {
+            margin-inline-start: 0;
+            width: 100%;
+        }
+    }
 }