Changeset 7835 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss

Timestamp:

11/08/2018 10:12:38 AM (8 years ago)

Author:

netweb

Message:

Support Forum: Updated bbPress templates and styles

• This commit adds the bare minimum changes from ​https://github.com/Kenshino/HelpHub to implement the new Support Hub features for the Support site at ​https://wordpress.org/support
• Coding standards for existing code will follow in future commits

See #3485.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss (modified) (9 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss

@@ -18 +18 @@
         @media (min-width: $ms-breakpoint) {
 
+                .archive-block,
                 > div {
-                        float: left;
+                        display: inline-block;
+                        vertical-align: top;
                         width: 30%;
-                        margin-right: 5%;
-                        font-size: ms(-2);
+                        margin-right: 4.5%;
+                        font-size: ms( -2 );
 
                         &:nth-child(3n) {
@@ -55 +57 @@
 
                                 &:hover {
+
                                         color: $color__link;
                                         text-decoration: none;
@@ -67 +70 @@
                                 height: 200px;
                                 border-bottom: none;
-                                margin: 2rem 5% 0 0;
+                                margin: 2rem 4.5% 0 0;
 
                                 &:nth-child(3n) {
@@ -416 +419 @@
 
                 p.wporg-bbp-topic-site-url::before {
-
                         content: "\f103";
                         color: #000;
@@ -544 +546 @@
 
                         &::before {
-
                                 font: 400 16px/1 dashicons;
                                 margin-right: 100px;
 
                                 @media (min-width: 321px) {
-
                                         font: 400 21px/1 dashicons;
                                         margin-left: 20px;
@@ -730 +730 @@
 --------------------------------------------------------------*/
 
+.forum-archive.wporg-support,
 .home.wporg-support {
 
@@ -739 +740 @@
                 h3 {
                         margin-top: 1rem;
+                }
+
+                .icon-wrapper {
+                        display: inline-block;
+                        width: 100%;
+                        height: 108px;
                 }
 
@@ -754 +761 @@
         }
 
-        #bbpress-forums div.odd {
-                background: transparent;
+        #bbpress-forums {
+
+                .bbp-forums {
+                        border: none;
+                }
+
+                div.odd {
+                        background: transparent;
+                }
         }
 
@@ -1010 +1024 @@
 
                 .previous-reports {
-
                         padding-left: 0;