Skip to:
Content

BuddyPress.org

Ticket #6291: 6291.ray.patch

File 6291.ray.patch, 7.4 KB (added by r-a-y, 6 years ago)
  • src/bp-templates/bp-legacy/css/twentyfifteen.scss

    diff --git src/bp-templates/bp-legacy/css/twentyfifteen.scss src/bp-templates/bp-legacy/css/twentyfifteen.scss
    index b19bb78..a6b4575 100644
    $spacing-val-xs: 5px; 
    9393        color: $text-color;
    9494}
    9595
     96// Calc
     97@mixin calc($property, $expression) {
     98        #{$property}: -webkit-calc(#{$expression});
     99        #{$property}: calc(#{$expression});
     100}
     101
    96102// Variabals: color definitions
    97103$content-background: #fff;
    98104$light-background:   #f7f7f7;
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    213219
    214220                        .entry-header,
    215221                        .entry-content {
    216                                 padding: 0 2rem 2rem;
     222                                padding: 0 3rem 3rem 3rem;
    217223                        }
    218224
    219225                        #buddypress {
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    302308
    303309        /*__ Horizontal menus __*/
    304310        #object-nav {
     311                font-family: "Noto Sans", sans-serif;
    305312                ul {
    306313                        overflow: hidden;
    307314                        li {float: none;}
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    319326        }
    320327
    321328        div#subnav.item-list-tabs {
     329                font-family: "Noto Sans", sans-serif;
    322330                margin-top: 0;
    323331
    324332                ul {
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    406414                                        overflow: hidden;
    407415
    408416                                        span {
     417                                                background: $content-background;
    409418                                                border-radius: 10%;
    410419                                                float: right;
    411                                                 margin-right: 15px;
     420                                                margin-right: 2px;
    412421                                        }
    413422                                }
    414423                        }
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    417426                #item-body {
    418427                        border-left: 1px solid $border-med;
    419428                        overflow: hidden;
    420                         padding: 0 $spacing-val-sm;
     429                        padding: 0 0 0 $spacing-val-md;
    421430                        width: auto;
    422431
    423432                        #subnav {
    424                                 margin: 0 (-$spacing-val-sm);
     433                                margin: 0 0 0 (-$spacing-val-md);
    425434                        }
    426435                }
    427436
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    488497        ul.item-list {
    489498                li {
    490499                        overflow: hidden !important;
     500
    491501                        // Undo BP floats to center avatars initially mobile up
    492502                        .item-avatar {
    493503                                margin-bottom: $spacing-val-sm;
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    671681
    672682#buddypress {
    673683
    674         .activity-list {
     684        #activity-stream {
    675685
    676686                // re-size activity avatars
    677687                li {
     688                        padding: 25px 0 15px;
     689
    678690                        .activity-avatar {
    679691                                a {
    680692                                        img.avatar {
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    738750
    739751                .load-more a {display: block;}
    740752
    741         } // close .activity-list
     753        } // close #activity-stream
    742754} // close #buddypress
    743755
    744756/**
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    747759*-----------------------------------------------------
    748760*/
    749761#buddypress {
    750         .activity {
     762
     763        #activity-stream {
    751764                .activity-comments {
    752765                        border-left: 1px solid $border-light;
    753766                        margin-top: 5px;
    754767
    755768                        ul {
    756769                                background: rgba($light-background, 0.6);
    757                                 margin: 30px 0 0 2px;
     770                                margin: 15px 0 0 2px;
    758771                        }
    759772
    760773                        .ac-form {
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    827840*-----------------------------------------------------------
    828841*/
    829842
     843.bp-user, .single-item.groups {
     844        @media screen and (max-width: 46.25em) {
     845                main {
     846                        header.entry-header {
     847                                padding-bottom: 1rem;
     848                        }
     849                }
     850        }
     851
     852        @media screen and (max-width: 38.75em) {
     853                h1, #item-header-content {
     854                        text-align: center;
     855                }
     856        }
     857
     858        #buddypress {
     859                @media screen and (max-width: 46.25em) {
     860                        #item-header {
     861                                .generic-button {
     862                                        float: none;
     863                                        margin: 1.5em 0 0 0;
     864                                }
     865                        }
     866                }
     867
     868                @media screen and (max-width: 38.75em) {
     869                        h1 {
     870                                margin-bottom: 0;
     871                        }
     872
     873                        #item-header-avatar {
     874                                img.avatar {
     875                                        margin-right: 0;
     876                                }
     877                        }
     878
     879                        #item-header-content {
     880                                width: 100%;
     881                        }
     882                }
     883        }
     884}
     885
    830886/**
    831887*-----------------------------------------------------
    832888* @subsection 6.1.1 - item-header Groups
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    837893
    838894.single-item.groups {
    839895        #buddypress {
     896                @media screen and (max-width: 46.25em) {
     897                        #item-header {
     898                                #item-meta {
     899                                        margin-bottom: $spacing-val-md;
     900                                }
     901                        }
     902                }
    840903
    841904                // Move visual flow of avatar & item-actions at narrow width,
    842905                // avatar first after group title
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    11001163        #subnav {
    11011164                li {
    11021165                        @media screen and (max-width: 38.75em) {
    1103                                 background: #fff;
     1166                                background: $content-background;
    11041167                                padding: $spacing-val-md 0;
    11051168                        }
    11061169                        width: 100%;
    i.e. in child theme named 'twentyfifteen-child', twentyfifteen.css would become 
    13311394                                margin: $spacing-val-sm 0 0 0;
    13321395                                padding: 0.3em;
    13331396                        }
    1334                 }
    1335 
    1336                 table#message-threads {
    13371397
    1338                         .bulk-select-check,
    1339                         .thread-star {
    1340                                 width: 10%;
     1398                        #send-reply {
     1399                                .message-content {
     1400                                        background: $content-background;
     1401                                        border: 0;
     1402                                }
    13411403                        }
    13421404
    1343                         .thread-star a {
    1344                                 outline: none;
     1405                        .alt {
     1406                                background: $content-background;
    13451407                        }
     1408                }
    13461409
    1347                         .thread-from,
    1348                         .thread-info {
    1349                                 width: 30%;
    1350                         }
     1410                #message-threads {
     1411                        display: block;
    13511412
    1352                         .thread-options {
    1353                                 width: 20%;
     1413                        thead {
     1414                                tr {
     1415                                        background: lighten($dark-background, 10%);
     1416                                }
    13541417                        }
    13551418
    13561419                        tr {
    1357 
    13581420                                td {
    1359                                         background: $stripe-odd;
     1421                                        background: $content-background;
     1422                                        display: inline-block;
     1423                                        float: left;
    13601424                                }
    1361                         }
    13621425
    1363                         tr.alt {
    1364                                 td {
    1365                                         background: $stripe-even;
     1426                                td.thread-star, td.thread-options {
     1427                                        height: 2.4em;
     1428                                        padding-top: 0.2em;
     1429                                        padding-bottom: 0.2em;
     1430                                        border-bottom-width: 2px;
     1431                                        border-bottom-color: $medium-background;
     1432
     1433                                        @media screen and (max-width: 46.25em) {
     1434                                                padding-top: 0;
     1435                                        }
    13661436                                }
    1367                         }
    13681437
    1369                         tr.unread {
    1370                                 td {
    1371                                         background: $unread;
    1372                                         border-bottom: 1px solid #e4cdff;
    1373                                         border-top: 1px solid #e4cdff;
     1438                                td.bulk-select-check, td.thread-from {
     1439                                        height: 2.6em;
     1440                                        @media screen and (max-width: 38.75em) {
     1441                                                height: 5.2em;
     1442                                        }
     1443                                }
     1444
     1445                                td.thread-from, td.thread-options {
     1446                                        border-left: 0 !important;
     1447                                        @include calc(width, "100% - 30px");
     1448                                        margin-left: 0;
     1449                                }
     1450
     1451                                td.thread-info {
     1452                                        padding-left: 41px;
     1453                                        width: 100%;
     1454
     1455                                        a::after {
     1456                                                content: " \2013 \00a0"attr(title);
     1457                                                @include font-size(12);
     1458                                        }
     1459                                }
     1460
     1461                                td.thread-options {
     1462                                        text-align: right;
     1463
     1464                                        a {
     1465                                                @include font-size(12);
     1466                                                line-height: 2.2;
     1467                                        }
     1468                                }
     1469
     1470                                span.from {
     1471                                        display: none;
     1472                                }
     1473
     1474                                span.activity {
     1475                                        display: block;
     1476                                        float: right;
     1477                                        line-height: 2;
     1478                                        @media screen and (max-width: 38.75em) {
     1479                                                clear: both;
     1480                                                @include font-size(11);
     1481                                                width: 100%;
     1482                                        }
    13741483                                }
    13751484                        }
    13761485
    1377                         tr.read {
    1378                                 td {
    1379                                         background: $light-background;
     1486                                tr.unread {
     1487                                        td {
     1488
     1489                                        }
    13801490                                }
     1491
     1492                        th {
     1493                                display: none;
     1494                        }
     1495                                th.bulk-select-all {
     1496                                        border-bottom: 0;
     1497                                        display: inline-block;
     1498                                        text-align: left;
     1499                                }
     1500
     1501                        th.bulk-select-all, td.bulk-select-check, td.thread-star {
     1502                                border-right: 0;
     1503                                width: 30px;
    13811504                        }
    13821505                }
    13831506