Making WordPress.org

Changeset 1707


Ignore:
Timestamp:
07/05/2015 09:01:20 PM (11 years ago)
Author:
ocean90
Message:

Forums theme: Enhance colors and position of form submit buttons.

  • Add missing styles for .screen-reader-text.
  • Update Dashicons for sidebar items.
  • Link user profiles to their global profiles.
  • Remove allowed tags from topic/reply form.

see #376.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-forums
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-forums/bbpress/form-topic.php

    r1580 r1707  
    8484                                        <?php do_action( 'bbp_theme_after_topic_form_content' ); ?>
    8585
    86                                         <?php if ( !current_user_can( 'unfiltered_html' ) ) : ?>
    87 
    88                                                 <p class="form-allowed-tags">
    89                                                         <label><?php _e( 'You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes:','wporg-forums' ); ?></label><br />
    90                                                         <code><?php bbp_allowed_tags(); ?></code>
    91                                                 </p>
    92 
    93                                         <?php endif; ?>
    94 
    9586                                        <?php do_action( 'bbp_theme_before_topic_form_tags' ); ?>
    9687
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-forums/functions.php

    r1702 r1707  
    113113        require WPORGPATH . 'header.php';
    114114}
     115
     116/**
     117 * Link user profiles to their global profiles.
     118 */
     119function wporg_support_profile_url( $user_id ) {
     120        $user = get_userdata( $user_id );
     121
     122        return esc_url( 'https://profiles.wordpress.org/' . $user->user_nicename );
     123}
     124add_filter( 'bbp_pre_get_user_profile_url', 'wporg_support_profile_url' );
    115125
    116126/** bb Base *******************************************************************/
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-forums/style.css

    r1702 r1707  
    5050}
    5151
     52.screen-reader-text {
     53        position: absolute;
     54        margin: -1px;
     55        padding: 0;
     56        height: 1px;
     57        width: 1px;
     58        overflow: hidden;
     59        clip: rect(0 0 0 0);
     60        border: 0;
     61        word-wrap: normal !important;
     62}
     63
     64
    5265/**
    5366* 3.0 Clearfix
     
    113126}
    114127
     128/* Notices */
     129div.bbp-template-notice,
     130div.indicator-hint {
     131        background: #fff8e5;
     132        border: 1px solid #ffb900;
     133        -webkit-border-radius: 0;
     134        border-radius: 0;
     135}
     136
     137div.bbp-template-notice.error,
     138div.bbp-template-notice.warning {
     139        background: #fbeaea;
     140        border: 1px solid #dc3232;
     141}
     142
     143/* Reply button */
     144div.bbp-submit-wrapper {
     145        float: none;
     146}
     147
     148#bbpress-forums .bbp-reply-form fieldset.bbp-form button,
     149#bbpress-forums .bbp-topic-form fieldset.bbp-form button {
     150        float: none;
     151        margin-top: 0;
     152}
     153
     154#bbpress-forums .bbp-submit-wrapper .button {
     155        display: inline-block;
     156        text-decoration: none;
     157        font-size: 12px;
     158        line-height: 23px;
     159        color: #333;
     160        text-shadow: 0 1px 0 #fff;
     161        height: 24px;
     162        margin: 0;
     163        padding: 0 10px 1px;
     164        border: 1px solid #bbb;
     165        -webkit-appearance: none;
     166        -webkit-border-radius: 3px;
     167        border-radius: 3px;
     168        white-space: nowrap;
     169        -webkit-box-sizing: border-box;
     170        box-sizing: border-box;
     171        background: #f3f3f3;
     172        background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
     173        background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
     174        background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
     175}
     176
     177#bbpress-forums .bbp-submit-wrapper .button:hover {
     178        color: #222;
     179        border-color: #999;
     180        background: #f3f3f3;
     181        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
     182        background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
     183        background-image: linear-gradient(to bottom, #fff, #f3f3f3);
     184}
     185
     186/* Focus outline */
     187#bbpress-forums fieldset.bbp-form textarea,
     188#bbpress-forums fieldset.bbp-form select,
     189#bbpress-forums fieldset.bbp-form input {
     190        outline: 0;
     191}
     192
     193#bbpress-forums fieldset.bbp-form textarea:focus,
     194#bbpress-forums fieldset.bbp-form select:focus,
     195#bbpress-forums fieldset.bbp-form input:focus {
     196        -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
     197        box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
     198}
     199
     200/* Search forms */
     201#bbp_search,
     202.sidebar #ts,
     203.sidebar #rs {
     204        width: 90%;
     205        margin: 0 0 5px;
     206}
     207
     208/* Sidebar */
     209.sidebar .topic-info li.reply-count:before,
     210.sidebar .forum-info li.reply-count:before {
     211        content: "\f125";
     212}
     213
     214.sidebar .forum-info li.topic-count:before {
     215        content: "\f105";
     216}
     217
     218/* Sticky topics */
     219#bbpress-forums ul.sticky li.bbp-topic-title a.bbp-topic-permalink:before,
     220#bbpress-forums ul.super-sticky li.bbp-topic-title a.bbp-topic-permalink:before {
     221        content: "\f109";
     222        color: #ffb900;
     223}
     224
     225.bbp-forum-content ul.sticky,
     226.bbp-topics ul.sticky,
     227.bbp-topics ul.super-sticky,
     228.bbp-topics-front ul.super-sticky {
     229        background-color: #fff8e5 !important;
     230}
     231
    115232@media screen and ( min-width: 960px )  {
    116233
Note: See TracChangeset for help on using the changeset viewer.