Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
07/01/2021 08:22:45 PM (4 years ago)
Author:
imath
Message:

BP Nouveau: Improve the Latest Activities widget/block display

Fixes #8493

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-nouveau/common-styles/_bp_widgets.scss

    r12171 r12982  
    5353    }
    5454
     55    div.activity-list {
     56
     57        blockquote {
     58            padding: 0;
     59            border: none;
     60
     61            .activity-item {
     62
     63                &:not(.mini) {
     64                    position: relative;
     65                    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.15);
     66                    padding: 0 1em;
     67
     68                    &:after,
     69                    &:before {
     70                        position: absolute;
     71                        left: 15px;
     72                        display: block;
     73                        width: 0;
     74                        height: 0;
     75                        border-style: solid;
     76                        border-color: transparent;
     77                        content: "";
     78                    }
     79
     80                    &:before {
     81                        bottom: -18px;
     82                        border-top-color: rgba(0, 0, 0, 0.15);
     83                        border-width: 9px;
     84                        left: 14px;
     85                    }
     86
     87                    &:after {
     88                        bottom: -16px;
     89                        border-top-color: #fff;
     90                        border-width: 8px;
     91                    }
     92                }
     93
     94                &.mini {
     95
     96                    .avatar {
     97                        display: inline-block;
     98                        width: 20px;
     99                        height: 20px;
     100                        vertical-align: middle;
     101                        margin-right: 2px;
     102                    }
     103                }
     104            }
     105        }
     106
     107        footer {
     108            display: flex;
     109            align-items: center;
     110
     111            img.avatar {
     112                display: inline-block;
     113                border: none;
     114                margin-right: 0.5em;
     115            }
     116
     117            .activity-time-since {
     118                font-size: 90%;
     119            }
     120        }
     121    }
     122
    55123    .avatar-block {
    56124
Note: See TracChangeset for help on using the changeset viewer.