Skip to:
Content

BuddyPress.org

Ticket #7123: 7123.01.patch

File 7123.01.patch, 12.8 KB (added by r-a-y, 9 years ago)

  • src/bp-activity/bp-activity-embeds.php

     
    6464        $min = bp_core_get_minified_asset_suffix();
    6565
    6666        if ( is_rtl() ) {
    67                 $css = bp_locate_template_asset( "assets/embeds/activity-rtl{$min}.css" );
     67                $css = bp_locate_template_asset( "css/embeds-activity-rtl{$min}.css" );
    6868        } else {
    69                 $css = bp_locate_template_asset( "assets/embeds/activity{$min}.css" );
     69                $css = bp_locate_template_asset( "css/embeds-activity{$min}.css" );
    7070        }
    7171
    7272        // Bail if file wasn't found.

  • deleted file src/bp-templates/bp-legacy/buddypress/assets/embeds/activity-rtl.css 

    deleted file mode 100644
    + -  
    1 #bp-embed-header:after {
    2         clear: both;
    3         content: "";
    4         display: table;
    5         margin-bottom: 1em;
    6 }
    7 
    8 .bp-embed-avatar {
    9         float: right;
    10         margin: 0 0 0 .75em;
    11 }
    12 
    13 p.bp-embed-activity-action {
    14         font-size: 15px;
    15         margin-bottom: 0;
    16 }
    17 
    18 p.bp-embed-activity-action a:first-child {
    19         color: #32373c;
    20         font-weight: bold;
    21 }
    22 
    23 p.bp-embed-activity-action img.avatar {
    24         padding: 0 3px 0 4px;
    25         vertical-align: text-bottom;
    26 }
    27 
    28 .bp-embed-excerpt {
    29         margin-bottom: 1em;
    30 }
    31 
    32 .bp-embed-excerpt a {
    33         color: #21759b;
    34         display: inline-block;
    35         overflow: hidden;
    36         text-overflow: ellipsis;
    37         vertical-align: top;
    38         white-space: nowrap;
    39         max-width: 250px;
    40 }
    41 
    42 .activity-read-more {
    43         margin-right: .5em;
    44 }
    45 
    46 .activity-read-more a {
    47         color: #b4b9be;
    48 }
    49 
    50 .wp-embed-footer {
    51         margin-top: 20px;
    52 }
    53 
    54 span.bp-embed-timestamp {
    55         font-size: .9em;
    56 }
    57 
    58 video {
    59         width: 100%;
    60         height: auto;
    61 }
    62 
    63 .bp-activity-embed-display-media {
    64         border: 1px solid #ccc;
    65         border-radius: 6px;
    66 }
    67 
    68 .bp-activity-embed-display-media.one-col,
    69 .bp-activity-embed-display-media.one-col .thumb,
    70 .bp-activity-embed-display-media.one-col .thumb img {
    71         width: 100%;
    72 }
    73 
    74 .bp-activity-embed-display-media.two-col .thumb,
    75 .bp-activity-embed-display-media.two-col .caption {
    76         display: table-cell;
    77 }
    78 
    79 .bp-activity-embed-display-media.two-col .thumb {
    80         background: #000;
    81         vertical-align: middle;
    82 }
    83 
    84 .bp-activity-embed-display-media.two-col .caption {
    85         vertical-align: top;
    86 }
    87 
    88 .bp-activity-embed-display-media.two-col .thumb img {
    89         border-left: 1px solid #ccc;
    90         display: block;
    91         width: 100%;
    92 }
    93 
    94 .bp-activity-embed-display-media .thumb {
    95         position: relative;
    96 }
    97 
    98 .bp-activity-embed-display-media .caption {
    99         padding: .2em .5em .5em .5em;
    100 }
    101 
    102 a.play-btn {
    103         background: rgba(0, 0, 0, 0.75);
    104         border-radius: 50%;
    105         height: 50px;
    106         right: 50%;
    107         margin: 0;
    108         padding: 1em;
    109         position: absolute;
    110         text-indent: 0.25em;
    111         top: 50%;
    112         transform: translateY(-50%) translateX(50%);
    113         -webkit-transform: translateY(-50%) translateX(50%);
    114         transition: all 0.2s ease-out;
    115         width: 50px;
    116 }
    117 
    118 .bp-activity-embed-display-media.two-col a.play-btn {
    119         height: 35px;
    120         width: 35px;
    121 }
    122 
    123 a.play-btn:hover {
    124         background: rgba(0, 0, 0, 0.95);
    125         transform: translateY(-50%) translateX(50%) scale(1.05);
    126         -webkit-transform: translateY(-50%) translateX(50%) scale(1.05);
    127         transition: all 0.2s ease-out;
    128 }
    129 
    130 .bp-activity-embed-display-media .thumb svg {
    131         fill: #fff;
    132         overflow: hidden;
    133 }
    134 
    135 .bp-activity-embed-display-media .caption-description {
    136         font-size: 90%;
    137         margin: .4em 0;
    138 }
    139 
    140 @media only screen and (max-width: 480px) {
    141         .bp-activity-embed-display-media.two-col .thumb {
    142                 border-bottom: 1px solid #ccc;
    143                 border-left: 0;
    144                 display: block;
    145                 max-width: none !important;
    146         }
    147 
    148         a.play-btn {
    149                 height: 35px;
    150                 width: 35px;
    151         }
    152 }
    153  No newline at end of file

  • deleted file src/bp-templates/bp-legacy/buddypress/assets/embeds/activity.css 

    deleted file mode 100644
    + -  
    1 #bp-embed-header:after {
    2         clear: both;
    3         content: "";
    4         display: table;
    5         margin-bottom: 1em;
    6 }
    7 
    8 .bp-embed-avatar {
    9         float: left;
    10         margin: 0 .75em 0 0;
    11 }
    12 
    13 p.bp-embed-activity-action {
    14         font-size: 15px;
    15         margin-bottom: 0;
    16 }
    17 
    18 p.bp-embed-activity-action a:first-child {
    19         color: #32373c;
    20         font-weight: bold;
    21 }
    22 
    23 p.bp-embed-activity-action img.avatar {
    24         padding: 0 4px 0 3px;
    25         vertical-align: text-bottom;
    26 }
    27 
    28 .bp-embed-excerpt {
    29         margin-bottom: 1em;
    30 }
    31 
    32 .bp-embed-excerpt a {
    33         color: #21759b;
    34         display: inline-block;
    35         overflow: hidden;
    36         text-overflow: ellipsis;
    37         vertical-align: top;
    38         white-space: nowrap;
    39         max-width: 250px;
    40 }
    41 
    42 .activity-read-more {
    43         margin-left: .5em;
    44 }
    45 
    46 .activity-read-more a {
    47         color: #b4b9be;
    48 }
    49 
    50 .wp-embed-footer {
    51         margin-top: 20px;
    52 }
    53 
    54 span.bp-embed-timestamp {
    55         font-size: .9em;
    56 }
    57 
    58 video {
    59         width: 100%;
    60         height: auto;
    61 }
    62 
    63 .bp-activity-embed-display-media {
    64         border: 1px solid #ccc;
    65         border-radius: 6px;
    66 }
    67 
    68 .bp-activity-embed-display-media.one-col,
    69 .bp-activity-embed-display-media.one-col .thumb,
    70 .bp-activity-embed-display-media.one-col .thumb img {
    71         width: 100%;
    72 }
    73 
    74 .bp-activity-embed-display-media.two-col .thumb,
    75 .bp-activity-embed-display-media.two-col .caption {
    76         display: table-cell;
    77 }
    78 
    79 .bp-activity-embed-display-media.two-col .thumb {
    80         background: #000;
    81         vertical-align: middle;
    82 }
    83 
    84 .bp-activity-embed-display-media.two-col .caption {
    85         vertical-align: top;
    86 }
    87 
    88 .bp-activity-embed-display-media.two-col .thumb img {
    89         border-right: 1px solid #ccc;
    90         display: block;
    91         width: 100%;
    92 }
    93 
    94 .bp-activity-embed-display-media .thumb {
    95         position: relative;
    96 }
    97 
    98 .bp-activity-embed-display-media .caption {
    99         padding: .2em .5em .5em .5em;
    100 }
    101 
    102 a.play-btn {
    103         background: rgba(0, 0, 0, 0.75);
    104         border-radius: 50%;
    105         height: 50px;
    106         left: 50%;
    107         margin: 0;
    108         padding: 1em;
    109         position: absolute;
    110         text-indent: 0.25em;
    111         top: 50%;
    112         transform: translateY(-50%) translateX(-50%);
    113         -webkit-transform: translateY(-50%) translateX(-50%);
    114         transition: all 0.2s ease-out;
    115         width: 50px;
    116 }
    117 
    118 .bp-activity-embed-display-media.two-col a.play-btn {
    119         height: 35px;
    120         width: 35px;
    121 }
    122 
    123 a.play-btn:hover {
    124         background: rgba(0, 0, 0, 0.95);
    125         transform: translateY(-50%) translateX(-50%) scale(1.05);
    126         -webkit-transform: translateY(-50%) translateX(-50%) scale(1.05);
    127         transition: all 0.2s ease-out;
    128 }
    129 
    130 .bp-activity-embed-display-media .thumb svg {
    131         fill: #fff;
    132         overflow: hidden;
    133 }
    134 
    135 .bp-activity-embed-display-media .caption-description {
    136         font-size: 90%;
    137         margin: .4em 0;
    138 }
    139 
    140 @media only screen and (max-width: 480px) {
    141         .bp-activity-embed-display-media.two-col .thumb {
    142                 border-bottom: 1px solid #ccc;
    143                 border-right: 0;
    144                 display: block;
    145                 max-width: none !important;
    146         }
    147 
    148         a.play-btn {
    149                 height: 35px;
    150                 width: 35px;
    151         }
    152 }
    153  No newline at end of file

  • new file src/bp-templates/bp-legacy/css/embeds-activity-rtl.css 

    new file mode 100644
    - +  
     1#bp-embed-header:after {
     2        clear: both;
     3        content: "";
     4        display: table;
     5        margin-bottom: 1em;
     6}
     7
     8.bp-embed-avatar {
     9        float: right;
     10        margin: 0 0 0 .75em;
     11}
     12
     13p.bp-embed-activity-action {
     14        font-size: 15px;
     15        margin-bottom: 0;
     16}
     17
     18p.bp-embed-activity-action a:first-child {
     19        color: #32373c;
     20        font-weight: bold;
     21}
     22
     23p.bp-embed-activity-action img.avatar {
     24        padding: 0 3px 0 4px;
     25        vertical-align: text-bottom;
     26}
     27
     28.bp-embed-excerpt {
     29        margin-bottom: 1em;
     30}
     31
     32.bp-embed-excerpt a {
     33        color: #21759b;
     34        display: inline-block;
     35        overflow: hidden;
     36        text-overflow: ellipsis;
     37        vertical-align: top;
     38        white-space: nowrap;
     39        max-width: 250px;
     40}
     41
     42.activity-read-more {
     43        margin-right: .5em;
     44}
     45
     46.activity-read-more a {
     47        color: #b4b9be;
     48}
     49
     50.wp-embed-footer {
     51        margin-top: 20px;
     52}
     53
     54span.bp-embed-timestamp {
     55        font-size: .9em;
     56}
     57
     58video {
     59        width: 100%;
     60        height: auto;
     61}
     62
     63.bp-activity-embed-display-media {
     64        border: 1px solid #ccc;
     65        border-radius: 6px;
     66}
     67
     68.bp-activity-embed-display-media.one-col,
     69.bp-activity-embed-display-media.one-col .thumb,
     70.bp-activity-embed-display-media.one-col .thumb img {
     71        width: 100%;
     72}
     73
     74.bp-activity-embed-display-media.two-col .thumb,
     75.bp-activity-embed-display-media.two-col .caption {
     76        display: table-cell;
     77}
     78
     79.bp-activity-embed-display-media.two-col .thumb {
     80        background: #000;
     81        vertical-align: middle;
     82}
     83
     84.bp-activity-embed-display-media.two-col .caption {
     85        vertical-align: top;
     86}
     87
     88.bp-activity-embed-display-media.two-col .thumb img {
     89        border-left: 1px solid #ccc;
     90        display: block;
     91        width: 100%;
     92}
     93
     94.bp-activity-embed-display-media .thumb {
     95        position: relative;
     96}
     97
     98.bp-activity-embed-display-media .caption {
     99        padding: .2em .5em .5em .5em;
     100}
     101
     102a.play-btn {
     103        background: rgba(0, 0, 0, 0.75);
     104        border-radius: 50%;
     105        height: 50px;
     106        right: 50%;
     107        margin: 0;
     108        padding: 1em;
     109        position: absolute;
     110        text-indent: 0.25em;
     111        top: 50%;
     112        transform: translateY(-50%) translateX(50%);
     113        -webkit-transform: translateY(-50%) translateX(50%);
     114        transition: all 0.2s ease-out;
     115        width: 50px;
     116}
     117
     118.bp-activity-embed-display-media.two-col a.play-btn {
     119        height: 35px;
     120        width: 35px;
     121}
     122
     123a.play-btn:hover {
     124        background: rgba(0, 0, 0, 0.95);
     125        transform: translateY(-50%) translateX(50%) scale(1.05);
     126        -webkit-transform: translateY(-50%) translateX(50%) scale(1.05);
     127        transition: all 0.2s ease-out;
     128}
     129
     130.bp-activity-embed-display-media .thumb svg {
     131        fill: #fff;
     132        overflow: hidden;
     133}
     134
     135.bp-activity-embed-display-media .caption-description {
     136        font-size: 90%;
     137        margin: .4em 0;
     138}
     139
     140@media only screen and (max-width: 480px) {
     141        .bp-activity-embed-display-media.two-col .thumb {
     142                border-bottom: 1px solid #ccc;
     143                border-left: 0;
     144                display: block;
     145                max-width: none !important;
     146        }
     147
     148        a.play-btn {
     149                height: 35px;
     150                width: 35px;
     151        }
     152}
     153 No newline at end of file

  • new file src/bp-templates/bp-legacy/css/embeds-activity.css 

    new file mode 100644
    - +  
     1#bp-embed-header:after {
     2        clear: both;
     3        content: "";
     4        display: table;
     5        margin-bottom: 1em;
     6}
     7
     8.bp-embed-avatar {
     9        float: left;
     10        margin: 0 .75em 0 0;
     11}
     12
     13p.bp-embed-activity-action {
     14        font-size: 15px;
     15        margin-bottom: 0;
     16}
     17
     18p.bp-embed-activity-action a:first-child {
     19        color: #32373c;
     20        font-weight: bold;
     21}
     22
     23p.bp-embed-activity-action img.avatar {
     24        padding: 0 4px 0 3px;
     25        vertical-align: text-bottom;
     26}
     27
     28.bp-embed-excerpt {
     29        margin-bottom: 1em;
     30}
     31
     32.bp-embed-excerpt a {
     33        color: #21759b;
     34        display: inline-block;
     35        overflow: hidden;
     36        text-overflow: ellipsis;
     37        vertical-align: top;
     38        white-space: nowrap;
     39        max-width: 250px;
     40}
     41
     42.activity-read-more {
     43        margin-left: .5em;
     44}
     45
     46.activity-read-more a {
     47        color: #b4b9be;
     48}
     49
     50.wp-embed-footer {
     51        margin-top: 20px;
     52}
     53
     54span.bp-embed-timestamp {
     55        font-size: .9em;
     56}
     57
     58video {
     59        width: 100%;
     60        height: auto;
     61}
     62
     63.bp-activity-embed-display-media {
     64        border: 1px solid #ccc;
     65        border-radius: 6px;
     66}
     67
     68.bp-activity-embed-display-media.one-col,
     69.bp-activity-embed-display-media.one-col .thumb,
     70.bp-activity-embed-display-media.one-col .thumb img {
     71        width: 100%;
     72}
     73
     74.bp-activity-embed-display-media.two-col .thumb,
     75.bp-activity-embed-display-media.two-col .caption {
     76        display: table-cell;
     77}
     78
     79.bp-activity-embed-display-media.two-col .thumb {
     80        background: #000;
     81        vertical-align: middle;
     82}
     83
     84.bp-activity-embed-display-media.two-col .caption {
     85        vertical-align: top;
     86}
     87
     88.bp-activity-embed-display-media.two-col .thumb img {
     89        border-right: 1px solid #ccc;
     90        display: block;
     91        width: 100%;
     92}
     93
     94.bp-activity-embed-display-media .thumb {
     95        position: relative;
     96}
     97
     98.bp-activity-embed-display-media .caption {
     99        padding: .2em .5em .5em .5em;
     100}
     101
     102a.play-btn {
     103        background: rgba(0, 0, 0, 0.75);
     104        border-radius: 50%;
     105        height: 50px;
     106        left: 50%;
     107        margin: 0;
     108        padding: 1em;
     109        position: absolute;
     110        text-indent: 0.25em;
     111        top: 50%;
     112        transform: translateY(-50%) translateX(-50%);
     113        -webkit-transform: translateY(-50%) translateX(-50%);
     114        transition: all 0.2s ease-out;
     115        width: 50px;
     116}
     117
     118.bp-activity-embed-display-media.two-col a.play-btn {
     119        height: 35px;
     120        width: 35px;
     121}
     122
     123a.play-btn:hover {
     124        background: rgba(0, 0, 0, 0.95);
     125        transform: translateY(-50%) translateX(-50%) scale(1.05);
     126        -webkit-transform: translateY(-50%) translateX(-50%) scale(1.05);
     127        transition: all 0.2s ease-out;
     128}
     129
     130.bp-activity-embed-display-media .thumb svg {
     131        fill: #fff;
     132        overflow: hidden;
     133}
     134
     135.bp-activity-embed-display-media .caption-description {
     136        font-size: 90%;
     137        margin: .4em 0;
     138}
     139
     140@media only screen and (max-width: 480px) {
     141        .bp-activity-embed-display-media.two-col .thumb {
     142                border-bottom: 1px solid #ccc;
     143                border-right: 0;
     144                display: block;
     145                max-width: none !important;
     146        }
     147
     148        a.play-btn {
     149                height: 35px;
     150                width: 35px;
     151        }
     152}
     153 No newline at end of file