Changeset 10249

Timestamp:

10/11/2015 06:24:45 PM (9 years ago)

Author:

hnla

Message:

Twentythirteen companion styles updates

• Various adjustments for elements margin/padding conflicts with parent styles.
• Object nav small screen styles.

See #6533

Location:

trunk/src/bp-templates/bp-legacy/css

Files:

• twentythirteen-rtl.css (modified) (9 diffs)
• twentythirteen.css (modified) (9 diffs)
• twentythirteen.scss (modified) (10 diffs)

trunk/src/bp-templates/bp-legacy/css/twentythirteen-rtl.css

@@ -96 +96 @@
 */
 #buddypress {
-    /*__ Horizontal menus __*/
+    /*__ Horizontal menus & small screen __*/
 }
 
@@ -125 +125 @@
 }
 
+@media screen and (max-width: 38.75em) {
+    #buddypress #object-nav ul li:focus,
+    #buddypress #object-nav ul li:hover {
+        background: #f4f2df;
+    }
+}
+
+@media screen and (max-width: 38.75em) {
+    #buddypress #object-nav ul li:not(:last-child) {
+        border-bottom: 1px solid #eaeaea;
+    }
+}
+
 #buddypress #object-nav ul li:not(.selected) a {
     opacity: 0.7;
@@ -239 +252 @@
         border-bottom: 1px solid #ddd;
         overflow: visible;
-        padding-bottom: 0;
+        padding: 0;
     }
     #main #buddypress #group-create-tabs.item-list-tabs ul li {
@@ -1349 +1362 @@
     border-bottom: 1px solid #eaeaea;
     margin-right: 0;
+    padding: 0;
 }
 
@@ -1474 +1488 @@
 }
 
+.bp-user #buddypress #message-threads tr .thread-checkbox {
+    padding: 0 0.3em 0 0;
+}
+
 .bp-user #buddypress #message-threads tr td.bulk-select-check,
 .bp-user #buddypress #message-threads tr td.thread-from {
-    height: 2.6em;
+    height: 3em;
 }
 
@@ -1506 +1524 @@
 }
 
+.bp-user #buddypress #message-threads tr td.thread-info .thread-excerpt {
+    font-size: 14px;
+    font-size: 0.875rem;
+}
+
 .bp-user #buddypress #message-threads tr td.thread-options {
     text-align: left;
@@ -1529 +1552 @@
     .bp-user #buddypress #message-threads tr span.activity {
         clear: both;
-        font-size: 11px;
-        font-size: 0.6875rem;
+        font-size: 12px;
+        font-size: 0.75rem;
         width: 100%;
     }
@@ -1740 +1763 @@
         width: auto;
     }
-    #buddypress div.message-search {
-        margin-left: 10px;
-    }
 }
 
@@ -1773 +1793 @@
     border-color: #b7b7b7;
     color: #fff;
+}
+
+#buddypress table th,
+#buddypress table td {
+    padding: 0.3em;
 }
 

trunk/src/bp-templates/bp-legacy/css/twentythirteen.css

@@ -96 +96 @@
 */
 #buddypress {
-    /*__ Horizontal menus __*/
+    /*__ Horizontal menus & small screen __*/
 }
 
@@ -125 +125 @@
 }
 
+@media screen and (max-width: 38.75em) {
+    #buddypress #object-nav ul li:focus,
+    #buddypress #object-nav ul li:hover {
+        background: #f4f2df;
+    }
+}
+
+@media screen and (max-width: 38.75em) {
+    #buddypress #object-nav ul li:not(:last-child) {
+        border-bottom: 1px solid #eaeaea;
+    }
+}
+
 #buddypress #object-nav ul li:not(.selected) a {
     opacity: 0.7;
@@ -239 +252 @@
         border-bottom: 1px solid #ddd;
         overflow: visible;
-        padding-bottom: 0;
+        padding: 0;
     }
     #main #buddypress #group-create-tabs.item-list-tabs ul li {
@@ -1349 +1362 @@
     border-bottom: 1px solid #eaeaea;
     margin-left: 0;
+    padding: 0;
 }
 
@@ -1474 +1488 @@
 }
 
+.bp-user #buddypress #message-threads tr .thread-checkbox {
+    padding: 0 0 0 0.3em;
+}
+
 .bp-user #buddypress #message-threads tr td.bulk-select-check,
 .bp-user #buddypress #message-threads tr td.thread-from {
-    height: 2.6em;
+    height: 3em;
 }
 
@@ -1506 +1524 @@
 }
 
+.bp-user #buddypress #message-threads tr td.thread-info .thread-excerpt {
+    font-size: 14px;
+    font-size: 0.875rem;
+}
+
 .bp-user #buddypress #message-threads tr td.thread-options {
     text-align: right;
@@ -1529 +1552 @@
     .bp-user #buddypress #message-threads tr span.activity {
         clear: both;
-        font-size: 11px;
-        font-size: 0.6875rem;
+        font-size: 12px;
+        font-size: 0.75rem;
         width: 100%;
     }
@@ -1740 +1763 @@
         width: auto;
     }
-    #buddypress div.message-search {
-        margin-right: 10px;
-    }
 }
 
@@ -1773 +1793 @@
     border-color: #b7b7b7;
     color: #fff;
+}
+
+#buddypress table th,
+#buddypress table td {
+    padding: 0.3em;
 }
 

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

@@ -289 +289 @@
     }
 
-    /*__ Horizontal menus __*/
+    /*__ Horizontal menus & small screen __*/
     #object-nav {
 
         ul {
             overflow: hidden;
-            li {float: none;}
+
+            li {
+                @media screen and (max-width: 38.75em) {
+                    &:focus,
+                    &:hover {
+                        background: darken($cream-background, 2%);
+                    }
+                }
+
+                float: none;
+            }
+
+            @media screen and (max-width: 38.75em) {
+                li:not(:last-child) {
+                    border-bottom: 1px solid $border-light;
+                }
+            }
+
             li:not(.selected) {
                 a {opacity: 0.7;}
@@ -453 +470 @@
                     border-bottom: 1px solid $border-med;
                     overflow: visible;
-                    padding-bottom: 0;
+                    padding: 0;
 
                     li {
@@ -1649 +1666 @@
 
             #profile-edit-form {
+
                 .button-nav:before,
                 .button-nav:after {
@@ -1662 +1680 @@
                     border-bottom: 1px solid $border-light;
                     margin-left: 0;
+                    padding: 0;
 
                     li {
@@ -1812 +1831 @@
                 }
 
+                .thread-checkbox {
+                    padding: 0 0 0 0.3em;
+                }
+
                 td.bulk-select-check,
                 td.thread-from {
-                    height: 2.6em;
+                    height: 3em;
                     @media screen and (max-width: 38.75em) {
                         height: 5.2em;
@@ -1835 +1858 @@
                         @include font-size(12);
                     }
-                }
+
+                    .thread-excerpt {
+                        @include font-size(14);
+                    }
+                }
+
+
 
                 td.thread-options {
@@ -1856 +1885 @@
                     @media screen and (max-width: 38.75em) {
                         clear: both;
-                        @include font-size(11);
+                        @include font-size(12);
                         width: 100%;
                     }
@@ -2107 +2136 @@
         }
 
-        div.message-search {margin-right: $spacing-val-sm;}
     } // close @media
 
@@ -2134 +2162 @@
 // a more general typography section to manage BP elements grouped under
 // breakpoints. Provide top/bottom margins for tables, lacking in BP styles
+
 #buddypress {
+
     table {
         @include font-size(14);
@@ -2143 +2173 @@
             border-color: darken($border-light, 20%);
             color: $content-background;
+        }
+
+        // twentythirteen removes left padding, replace!
+        th,
+        td {
+            padding: 0.3em;
         }