Changeset 11625

Timestamp:

06/28/2017 03:08:45 PM (9 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;
         }