Changeset 11625

Timestamp:

06/28/2017 03:08:45 PM (7 years ago)

Author:

mercime

Message:

xProfile: Improve mobile view of User > Extended Profile screen.

See #7439.

Location:

trunk/src/bp-members/admin/css

Files:

• admin-rtl.css (modified) (2 diffs)
• admin.css (modified) (2 diffs)

trunk/src/bp-members/admin/css/admin-rtl.css

@@ -218 +218 @@
 @media screen and (max-width: 782px) {
 
-    #your-profile .bp-profile-field .checkbox legend,
-    #your-profile .bp-profile-field .datebox legend,
-    #your-profile .bp-profile-field .radio legend,
-    .bp-profile-field label {
+    #your-profile .bp-profile-field legend {
         float: none;
         clear: right;
@@ -228 +225 @@
     }
 
-    .bp-profile-field .checkbox label,
-    .bp-profile-field .radio label {
-        line-height: 1.4;
-        margin-bottom: 12px;
-        vertical-align: middle;
+    #your-profile .field_type_multiselectbox select {
+        height: auto;
+    }
+
+    .field_type_checkbox label,
+    .field_type_radio label {
+        margin-right: 0;
     }
 

trunk/src/bp-members/admin/css/admin.css

@@ -218 +218 @@
 @media screen and (max-width: 782px) {
 
-    #your-profile .bp-profile-field .checkbox legend,
-    #your-profile .bp-profile-field .datebox legend,
-    #your-profile .bp-profile-field .radio legend,
-    .bp-profile-field label {
+    #your-profile .bp-profile-field legend {
         float: none;
         clear: left;
@@ -228 +225 @@
     }
 
-    .bp-profile-field .checkbox label,
-    .bp-profile-field .radio label {
-        line-height: 1.4;
-        margin-bottom: 12px;
-        vertical-align: middle;
+    #your-profile .field_type_multiselectbox select {
+        height: auto;
+    }
+
+    .field_type_checkbox label,
+    .field_type_radio label {
+        margin-left: 0;
     }