Changeset 11952

Timestamp:

04/05/2018 07:39:37 AM (7 years ago)

Author:

hnla

Message:

Nouveau: Update message bulk action select styles

Remove select-wrap border on show, add border on focus/hover.

This minor change sits better with the recent update to show text label in r11951 initially showing select as inline with label text.

Border makes inline elements jump in height, on hover/focus outline is introduced to visually define the select control & avoid the height change.

Location:

trunk/src/bp-templates/bp-nouveau

Files:

• common-styles/_bp_filters.scss (modified) (3 diffs)
• css/buddypress-rtl.css (modified) (3 diffs)
• css/buddypress.css (modified) (3 diffs)

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

@@ -88 +88 @@
 
             .bulk-actions-wrap {
-                border: 1px solid $bp-border-color;
 
                 &.bp-show {
@@ -101 +100 @@
             .select-wrap {
                 border: 0;
+            }
+
+            .select-wrap:focus,
+            .select-wrap:hover {
+                outline: 1px solid $med-light-grey;
             }
 
@@ -122 +126 @@
 
             .bulk-apply {
+                border: 0;
                 border-radius: none;
-                border: 0;
                 font-weight: 400;
                 line-height: 1.8;

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

@@ -699 +699 @@
 }
 
-.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap {
-    border: 1px solid #eee;
-}
-
 .buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-show {
     display: inline-block;
@@ -713 +709 @@
 .buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap {
     border: 0;
+}
+
+.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap:focus,
+.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap:hover {
+    outline: 1px solid #d6d6d6;
 }
 
@@ -731 +732 @@
 
 .buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply {
+    border: 0;
     border-radius: none;
-    border: 0;
     font-weight: 400;
     line-height: 1.8;

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

@@ -699 +699 @@
 }
 
-.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap {
-    border: 1px solid #eee;
-}
-
 .buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-show {
     display: inline-block;
@@ -713 +709 @@
 .buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap {
     border: 0;
+}
+
+.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap:focus,
+.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap:hover {
+    outline: 1px solid #d6d6d6;
 }
 
@@ -731 +732 @@
 
 .buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply {
+    border: 0;
     border-radius: none;
-    border: 0;
     font-weight: 400;
     line-height: 1.8;