Changeset 12839

Timestamp:

02/05/2021 06:35:27 PM (4 years ago)

Author:

imath

Message:

Nouveau: center the Avatar upload button in Twenty Twenty-one

Improve the Twenty Twenty-one's companion stylesheet of the BP Nouveau template pack so that the upload button inside the drop zone of the Avatar UI is centered like it should be.

Fixes #8431 (7.0 branch)

Location:

branches/7.0/src/bp-templates/bp-nouveau

Files:

• css/twentytwentyone-rtl.css (modified) (1 diff)
• css/twentytwentyone.css (modified) (1 diff)
• sass/twentytwentyone.scss (modified) (1 diff)

branches/7.0/src/bp-templates/bp-nouveau/css/twentytwentyone-rtl.css

@@ -752 +752 @@
 #buddypress.twentytwentyone #drag-drop-area .drag-drop-info {
     color: var(--global--color-secondary);
+}
+
+#buddypress.twentytwentyone #drag-drop-area #bp-browse-button {
+    margin: 50px auto 0;
 }
 

branches/7.0/src/bp-templates/bp-nouveau/css/twentytwentyone.css

@@ -752 +752 @@
 #buddypress.twentytwentyone #drag-drop-area .drag-drop-info {
     color: var(--global--color-secondary);
+}
+
+#buddypress.twentytwentyone #drag-drop-area #bp-browse-button {
+    margin: 50px auto 0;
 }
 

branches/7.0/src/bp-templates/bp-nouveau/sass/twentytwentyone.scss

@@ -1027 +1027 @@
         .drag-drop-info {
             color: var(--global--color-secondary);
+        }
+
+        #bp-browse-button {
+            margin: 50px auto 0;
         }
     }