Skip to:
Content

BuddyPress.org

Changeset 9805


Ignore:
Timestamp:
04/26/2015 09:06:18 AM (4 years ago)
Author:
imath
Message:

Avatar UI : improve the avatar nav and prefix the classes in the avatar status box

Props hnla, johnjamesjacoby

See #6290

Location:
trunk/src
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-core/css/avatar-rtl.css

    r9800 r9805  
    2121}
    2222
    23 .progress {
     23div.bp-avatar-status .bp-progress {
    2424    background: none;
    2525    border: 1px solid #d1d1d1;
     
    3434}
    3535
    36 .bar {
     36div.bp-avatar-status .bp-bar {
    3737    background-color: #c3ff88;
    3838    width: 0;
     
    7373
    7474.bp-avatar-nav .avatar-nav-items li.avatar-nav-item {
    75     float: right;
     75    float: right !important;
    7676    margin: 0;
    7777    list-style: none;
     
    8484}
    8585
    86 .avatar-nav-items li.current a {
    87     background-color: #eee;
    88     color: #555;
     86.bp-avatar-nav  ul:before,
     87.bp-avatar-nav  ul:after {
     88    content: " ";
     89    display: table;
     90}
     91
     92.bp-avatar-nav  ul:after {
     93    clear: both;
     94}
     95
     96.bp-avatar-nav  ul {
     97    border-bottom: 1px solid #ccc;
     98    margin-bottom: 10px;
     99}
     100
     101.bp-avatar-nav  ul.avatar-nav-items li.current {
     102    border: 1px solid #ccc;
     103    border-bottom-color: #fff;
     104    border-top-right-radius: 4px;
     105    border-top-left-radius: 4px;
     106    margin-bottom: -1px;
     107}
     108
     109.bp-avatar-nav  li.current a {
     110    background: none;
     111    color: inherit;
    89112    font-weight: bold;
    90113    opacity: 0.8;
     114    outline: 0;
    91115}
    92116
  • trunk/src/bp-core/css/avatar.css

    r9800 r9805  
    2121}
    2222
    23 .progress {
     23div.bp-avatar-status .bp-progress {
    2424    background: none;
    2525    border: 1px solid #d1d1d1;
     
    3434}
    3535
    36 .bar {
     36div.bp-avatar-status .bp-bar {
    3737    background-color: #c3ff88;
    3838    width: 0;
     
    7373
    7474.bp-avatar-nav .avatar-nav-items li.avatar-nav-item {
    75     float: left;
     75    float: left !important;
    7676    margin: 0;
    7777    list-style: none;
     
    8484}
    8585
    86 .avatar-nav-items li.current a {
    87     background-color: #eee;
    88     color: #555;
     86.bp-avatar-nav  ul:before,
     87.bp-avatar-nav  ul:after {
     88    content: " ";
     89    display: table;
     90}
     91
     92.bp-avatar-nav  ul:after {
     93    clear: both;
     94}
     95
     96.bp-avatar-nav  ul {
     97    border-bottom: 1px solid #ccc;
     98    margin-bottom: 10px;
     99}
     100
     101.bp-avatar-nav  ul.avatar-nav-items li.current {
     102    border: 1px solid #ccc;
     103    border-bottom-color: #fff;
     104    border-top-left-radius: 4px;
     105    border-top-right-radius: 4px;
     106    margin-bottom: -1px;
     107}
     108
     109.bp-avatar-nav  li.current a {
     110    background: none;
     111    color: inherit;
    89112    font-weight: bold;
    90113    opacity: 0.8;
     114    outline: 0;
    91115}
    92116
  • trunk/src/bp-core/js/bp-plupload.js

    r9754 r9805  
    369369        progress:function( model ) {
    370370            if ( ! _.isUndefined( model.get( 'percent' ) ) ) {
    371                 $( '#' + model.get('id') + ' .progress .bar' ).css( 'width', model.get('percent') + '%' );
     371                $( '#' + model.get('id') + ' .bp-progress .bp-bar' ).css( 'width', model.get('percent') + '%' );
    372372            }
    373373        },
  • trunk/src/bp-templates/bp-legacy/buddypress/assets/_attachments/uploader.php

    r9766 r9805  
    3131<script type="text/html" id="tmpl-progress-window">
    3232    <div id="{{data.id}}">
    33         <div class="progress">
    34             <div class="bar"></div>
     33        <div class="bp-progress">
     34            <div class="bp-bar"></div>
    3535        </div>
    3636        <div class="filename">{{data.filename}}</div>
Note: See TracChangeset for help on using the changeset viewer.