Changeset 13365

Timestamp:

11/12/2022 07:29:54 AM (2 years ago)

Author:

imath

Message:

BP Nouveau: improve the Activity post form custom buttons display

Fixes #8762

Location:

trunk/src/bp-templates/bp-nouveau

Files:

• common-styles/_bp_update_form.scss (modified) (1 diff)
• css/buddypress-rtl.css (modified) (1 diff)
• css/buddypress.css (modified) (1 diff)

trunk/src/bp-templates/bp-nouveau/common-styles/_bp_update_form.scss

@@ -64 +64 @@
 
                 @include box-shadow(0 0 6px 0 $med-light-grey);
+            }
+        }
+    }
+
+    #whats-new-buttons {
+        max-width: 100%;
+        padding: 0 0 1em 0;
+        z-index: 1000;
+        margin: 0 0 0.5em 55px;
+        display: flex;
+        gap: 0.6em;
+        margin-left: 55px;
+
+        > li {
+            list-style: none;
+
+            button {
+                padding: 5px 10px;
+                width: auto;
+                height: auto;
             }
         }

trunk/src/bp-templates/bp-nouveau/css/buddypress-rtl.css

@@ -1138 +1138 @@
 .activity-update-form #whats-new-textarea textarea:focus {
     box-shadow: 0 0 6px 0 #d6d6d6;
+}
+
+.activity-update-form #whats-new-buttons {
+    max-width: 100%;
+    padding: 0 0 1em 0;
+    z-index: 1000;
+    margin: 0 55px 0.5em 0;
+    display: flex;
+    gap: 0.6em;
+    margin-right: 55px;
+}
+
+.activity-update-form #whats-new-buttons > li {
+    list-style: none;
+}
+
+.activity-update-form #whats-new-buttons > li button {
+    padding: 5px 10px;
+    width: auto;
+    height: auto;
 }
 

trunk/src/bp-templates/bp-nouveau/css/buddypress.css

@@ -1138 +1138 @@
 .activity-update-form #whats-new-textarea textarea:focus {
     box-shadow: 0 0 6px 0 #d6d6d6;
+}
+
+.activity-update-form #whats-new-buttons {
+    max-width: 100%;
+    padding: 0 0 1em 0;
+    z-index: 1000;
+    margin: 0 0 0.5em 55px;
+    display: flex;
+    gap: 0.6em;
+    margin-left: 55px;
+}
+
+.activity-update-form #whats-new-buttons > li {
+    list-style: none;
+}
+
+.activity-update-form #whats-new-buttons > li button {
+    padding: 5px 10px;
+    width: auto;
+    height: auto;
 }