Changeset 13289

Timestamp:

07/06/2022 09:13:59 AM (4 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;
                         }