Changeset 13289

Timestamp:

07/06/2022 09:13:59 AM (3 years ago)

Author:

imath

Message:

BP Nouveau: Improve site-wide notice display in Twenty Twenty-Two

See #8718 (trunk)

Location:

trunk/src/bp-templates/bp-nouveau

Files:

• common-styles/_bp_info_messages.scss (modified) (1 diff)
• css/buddypress-rtl.css (modified) (1 diff)
• css/buddypress.css (modified) (1 diff)
• css/twentytwentytwo-rtl.css (modified) (3 diffs)
• css/twentytwentytwo.css (modified) (3 diffs)
• sass/twentytwentytwo.scss (modified) (2 diffs)

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

@@ -157 +157 @@
     .bp-feedback.loading,
     .bp-feedback.success,
-    .bp-feedback.updated {
+    .bp-feedback.updated,
+    .bp-feedback.bp-sitewide-notice {
 
         .bp-icon {

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

@@ -4585 +4585 @@
 .buddypress-wrap .bp-feedback.loading .bp-icon,
 .buddypress-wrap .bp-feedback.success .bp-icon,
-.buddypress-wrap .bp-feedback.updated .bp-icon {
+.buddypress-wrap .bp-feedback.updated .bp-icon,
+.buddypress-wrap .bp-feedback.bp-sitewide-notice .bp-icon {
     display: flex;
     align-items: center;

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

@@ -4585 +4585 @@
 .buddypress-wrap .bp-feedback.loading .bp-icon,
 .buddypress-wrap .bp-feedback.success .bp-icon,
-.buddypress-wrap .bp-feedback.updated .bp-icon {
+.buddypress-wrap .bp-feedback.updated .bp-icon,
+.buddypress-wrap .bp-feedback.bp-sitewide-notice .bp-icon {
     display: flex;
     align-items: center;

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

@@ -1620 +1620 @@
 }
 
-#buddypress.twentytwentytwo .bp-feedback button.bp-tooltip {
+#buddypress.twentytwentytwo .bp-feedback button.bp-tooltip,
+#buddypress.twentytwentytwo .bp-feedback a.bp-tooltip {
     border: none;
     background: none;
@@ -1627 +1628 @@
 }
 
-#buddypress.twentytwentytwo .bp-feedback button.bp-tooltip .dashicons-dismiss {
+#buddypress.twentytwentytwo .bp-feedback button.bp-tooltip .dashicons-dismiss,
+#buddypress.twentytwentytwo .bp-feedback a.bp-tooltip .dashicons-dismiss {
     border-radius: 50%;
     width: 32px;
@@ -1635 +1637 @@
 }
 
-#buddypress.twentytwentytwo .bp-feedback button.bp-tooltip:hover .dashicons-dismiss {
+#buddypress.twentytwentytwo .bp-feedback button.bp-tooltip:hover .dashicons-dismiss,
+#buddypress.twentytwentytwo .bp-feedback a.bp-tooltip:hover .dashicons-dismiss {
     color: var(--wp--preset--color--background);
     background: var(--wp--preset--color--primary);
 }
 
-#buddypress.twentytwentytwo .bp-feedback.bp-sitewide-notice button.bp-tooltip {
-    top: 0;
-    left: 15px;
+#buddypress.twentytwentytwo .bp-feedback.bp-sitewide-notice button.bp-tooltip,
+#buddypress.twentytwentytwo .bp-feedback.bp-sitewide-notice a.bp-tooltip {
+    top: 5px;
+    left: 5px;
 }
 

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

@@ -1620 +1620 @@
 }
 
-#buddypress.twentytwentytwo .bp-feedback button.bp-tooltip {
+#buddypress.twentytwentytwo .bp-feedback button.bp-tooltip,
+#buddypress.twentytwentytwo .bp-feedback a.bp-tooltip {
     border: none;
     background: none;
@@ -1627 +1628 @@
 }
 
-#buddypress.twentytwentytwo .bp-feedback button.bp-tooltip .dashicons-dismiss {
+#buddypress.twentytwentytwo .bp-feedback button.bp-tooltip .dashicons-dismiss,
+#buddypress.twentytwentytwo .bp-feedback a.bp-tooltip .dashicons-dismiss {
     border-radius: 50%;
     width: 32px;
@@ -1635 +1637 @@
 }
 
-#buddypress.twentytwentytwo .bp-feedback button.bp-tooltip:hover .dashicons-dismiss {
+#buddypress.twentytwentytwo .bp-feedback button.bp-tooltip:hover .dashicons-dismiss,
+#buddypress.twentytwentytwo .bp-feedback a.bp-tooltip:hover .dashicons-dismiss {
     color: var(--wp--preset--color--background);
     background: var(--wp--preset--color--primary);
 }
 
-#buddypress.twentytwentytwo .bp-feedback.bp-sitewide-notice button.bp-tooltip {
-    top: 0;
-    right: 15px;
+#buddypress.twentytwentytwo .bp-feedback.bp-sitewide-notice button.bp-tooltip,
+#buddypress.twentytwentytwo .bp-feedback.bp-sitewide-notice a.bp-tooltip {
+    top: 5px;
+    right: 5px;
 }
 

trunk/src/bp-templates/bp-nouveau/sass/twentytwentytwo.scss

@@ -2114 +2114 @@
         }
 
-        button.bp-tooltip {
+        button.bp-tooltip,
+        a.bp-tooltip {
             border: none;
             background: none;
@@ -2139 +2140 @@
         &.bp-sitewide-notice {
 
-            button.bp-tooltip {
-                top: 0;
-                right: 15px;
+            button.bp-tooltip,
+            a.bp-tooltip {
+                top: 5px;
+                right: 5px;
             }