Changeset 9880 for trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss

Timestamp:

05/19/2015 08:04:56 PM (10 years ago)

Author:

hnla

Message:

Update twentyfourteen companion styles

• Adjust minor padding margin issues.
• Port table message thread style for notices loop.
• Add small margin for item-body with no content display, counter 2014 sidebar clash.
• Add small styling group settings screen.

See #6338

File:

• trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss (modified) (10 diffs)

trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss

@@ -119 +119 @@
 // titles dark backgrounds
 @mixin title-background-dark() {
-    background: lighten($dark-background, 20%);
+    background: lighten($dark-background, 30%);
     color: $dark-back-text-color;
 }
@@ -222 +222 @@
 
     .site-content {
+        padding-bottom: $spacing-val-md;
         padding-top: 4%;
 
@@ -238 +239 @@
             }
 
-            #buddypress { margin-bottom: $spacing-val-lg; }
-            } // .article
-        } // .content
+            #buddypress {
+                margin-bottom: $spacing-val-lg;
+            }
+
+        } // .article
+    } // .content
 } // .buddypress ( body class )
 
@@ -430 +434 @@
                 border-left: 0;
                 border-right: 0;
-                margin: 0 (-$spacing-val-md) $spacing-val-lg;
+                margin: 0 (-$spacing-val-md) $spacing-val-md;
 
                 li:focus,
@@ -588 +592 @@
                 .item {
                     float: left;
-                    width: 60%;
+                    width: 55%;
 
                     div.item-desc {
@@ -899 +903 @@
             clear: both;
             margin-bottom: $spacing-val-xs;
-            padding-top: $spacing-val-md;
+            padding-top: $spacing-val-sm;
 
             p {margin-bottom: 0;}
@@ -1067 +1071 @@
 /**
 *-------------------------------------------------
-* @subsection 6.2.1 - item-body: groups
+* @subsection 6.2.1 - item-body: Groups
 *-------------------------------------------------
 */
@@ -1077 +1081 @@
     */
 
-/* manage members */
+/* Settings */
+
+#group-settings-form,
+#create-group-form {
+
+    .radio {
+        strong {
+            @include font-size(18);
+        }
+
+        ul {
+            color: lighten($body-text, 30%);
+        }
+    }
+
+    #group-creation-previous {margin: $spacing-val-sm 0;}
+}
+
+/* Manage Members */
 .groups.manage-members {
     #group-settings-form {
@@ -1127 +1149 @@
 /**
     *------------------------------
-    * 6.2.1.2 - Group members list
+    * 6.2.1.2 - Group Members List
     *------------------------------
     */
@@ -1474 +1496 @@
     }
 
+    /* Sitewide Notices loop */
+    #message-threads.sitewide-notices {
+        td {
+            width: 100%;
+
+            strong {
+                @include title-background-dark();
+                @include font-size(16);
+                display: block;
+                margin-bottom: 0.4em;
+                padding: 0.2em;
+            }
+
+            a {
+                display: inline-block;
+                line-height: initial;
+            }
+        }
+
+        td:first-child {
+            display: none;
+        }
+
+        td:first-child + td + td {
+        // notice date
+            border-bottom: 0;
+
+            span {
+                line-height: 1;
+            }
+        }
+
+        td:last-child {
+        // notice actions
+            border-bottom-color: $border-med;
+            line-height: 1;
+            text-align: right;
+
+            a:last-child {
+            // hide the 'x' text
+                line-height: 0;
+                margin-left: 0.7em;
+                text-indent: -999em;
+            }
+
+            a:last-child::after {
+                content: attr(title);
+                display: block;
+                line-height: initial;
+                text-indent: 0;
+            }
+        }
+    }
+
 } // close #buddypress - user acounts item-body