Changeset 10295 for trunk/src/bp-templates/bp-legacy/css/twentysixteen.scss

Timestamp:

10/21/2015 11:36:04 PM (10 years ago)

Author:

r-a-y

Message:

bp-legacy: Improve the UX of the "What's New" activity post form.

• The "What's New" <textarea> is now styled more consistently across all themes.
• The block under the textarea ("Post in" dropdown box, "Post Update" and other items) is no longer truncated when there are many items there.
• Selecting an item in the "Post in" dropdown box or clicking on any custom button no longer animates and hides the entire block.
• For theme developers, the 'active' CSS class is now removed from the #whats-new-content DIV on focusout.
• For theme develoeprs, the 'active' CSS class is also added to the #whats-new-textarea DIV on focus.
• Various style declarations in our companion stylesheets are no longer needed.

See #6569.

File:

• trunk/src/bp-templates/bp-legacy/css/twentysixteen.scss (modified) (2 diffs)

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

@@ -873 +873 @@
         }
 
-        textarea {width: 100%;}
         // corrective measure for clipped elements due to JS inline styling
 
@@ -886 +885 @@
         #whats-new-content.active {
             #whats-new-options[style] {
-                min-height: 6rem; // unit open to debate px value might be better.
-                overflow: visible;
-
                 #whats-new-post-in-box {
                     border: 1px solid rgba($border-color, 0.5);