Ticket #7338: 7338-01.patch
File 7338-01.patch, 16.9 KB (added by , 9 years ago) |
---|
-
src/bp-templates/bp-legacy/css/twentyseventeen-rtl.css
92 92 } 93 93 } 94 94 95 .buddypress article.page .entry-header .entry-title { 96 font-size: 22px; 97 font-size: 1.375rem; 98 } 99 100 @media screen and (min-width: 55em) { 101 .buddypress article.page .entry-header .entry-title { 102 font-size: 28px; 103 font-size: 1.75rem; 104 } 105 } 106 107 @media screen and (min-width: 55em) { 95 @media screen and (min-width: 48em) { 108 96 body.buddypress.page.page-two-column #primary .entry-header { 109 width: 20%;97 width: 30%; 110 98 } 111 99 body.buddypress.page.page-two-column #primary .entry-content { 112 width: 80%;100 width: 68%; 113 101 } 114 102 body.buddypress:not(.has-sidebar) #primary.content-area, 115 103 body.buddypress:not(.page-two-column) #primary.content-area { … … 150 138 } 151 139 152 140 #buddypress div.item-list-tabs ul { 153 background-color: #faf 9f1;141 background-color: #fafafa; 154 142 border-bottom: 1px solid rgba(234, 234, 234, 0.9); 155 143 border-top: 1px solid rgba(234, 234, 234, 0.9); 156 144 overflow: hidden; … … 167 155 168 156 @media screen and (max-width: 38.75em) { 169 157 .bp-user #buddypress #object-nav { 170 background: #faf 9f1;158 background: #fafafa; 171 159 border: 1px solid #eaeaea; 172 160 overflow: visible; 173 161 padding: 10px; … … 346 334 #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a, 347 335 #main #buddypress #group-create-tabs.item-list-tabs ul li.current a { 348 336 background: none; 349 color: # 141412;337 color: #333; 350 338 outline: none; 351 339 } 352 340 #main #buddypress #subnav ul { … … 557 545 width: 100%; 558 546 } 559 547 560 @media screen and (min-width: 48em) {548 @media screen and (min-width: 30em) { 561 549 #buddypress ul.item-list li div.action div { 562 550 margin: 0 0 10px 10px; 563 551 width: auto; … … 599 587 } 600 588 601 589 #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box { 602 border: 1px solid rgba( 212, 208, 186, 0.5);590 border: 1px solid rgba(190, 190, 190, 0.5); 603 591 float: right; 604 592 line-height: 1.5em; 605 593 margin-top: 12px; … … 726 714 margin-bottom: 5px; 727 715 } 728 716 729 @media screen and (min-width: 3 8.75em) {717 @media screen and (min-width: 30em) { 730 718 #buddypress #activity-stream .activity-content .activity-meta a { 731 719 display: inline-block; 732 720 margin-bottom: 0; 721 width: auto; 733 722 } 734 723 } 735 724 … … 800 789 801 790 #buddypress #activity-stream .activity-comments .ac-form input[type="submit"], 802 791 #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 803 color: rgba( 20, 20, 18, 0.8);792 color: rgba(51, 51, 51, 0.8); 804 793 display: inline-block; 805 794 font-family: inherit; 806 795 font-size: 12px; … … 813 802 } 814 803 815 804 #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 816 border: 1px solid rgba( 212, 208, 186, 0.7);805 border: 1px solid rgba(190, 190, 190, 0.7); 817 806 text-align: center; 818 807 } 819 808 … … 1120 1109 } 1121 1110 1122 1111 .groups.group-settings #group-settings-form div.radio label ul { 1123 color: rgba( 20, 20, 18, 0.6);1112 color: rgba(51, 51, 51, 0.6); 1124 1113 font-size: 14px; 1125 1114 font-size: 0.875rem; 1126 1115 } … … 1254 1243 } 1255 1244 1256 1245 .bp-user #buddypress .notifications-options-nav { 1257 border: 1px solid rgba( 212, 208, 186, 0.5);1246 border: 1px solid rgba(190, 190, 190, 0.5); 1258 1247 float: right; 1259 1248 width: 100%; 1260 1249 } … … 1434 1423 } 1435 1424 1436 1425 .bp-user #buddypress #message-threads thead tr { 1437 background: #6f6f6f; 1426 background: none; 1427 border-bottom: 1px solid #bebebe; 1438 1428 } 1439 1429 1430 .bp-user #buddypress #message-threads thead tr th { 1431 background: #555; 1432 } 1433 1434 .bp-user #buddypress #message-threads tr { 1435 border-bottom: 5px solid #878787; 1436 } 1437 1440 1438 .bp-user #buddypress #message-threads tr td { 1441 1439 background: #fff; 1442 1440 display: inline-block; … … 1445 1443 1446 1444 .bp-user #buddypress #message-threads tr td.thread-star, 1447 1445 .bp-user #buddypress #message-threads tr td.thread-options { 1448 border-bottom-color: # ccc;1449 border-bottom-width: 2px;1446 border-bottom-color: #bebebe; 1447 border-bottom-width: 1px; 1450 1448 height: 2.4em; 1451 1449 padding-bottom: 0.2em; 1452 1450 padding-top: 0.2em; … … 1459 1457 } 1460 1458 } 1461 1459 1460 .bp-user #buddypress #message-threads tr td.bulk-select-check, 1461 .bp-user #buddypress #message-threads tr td.thread-star, 1462 .bp-user #buddypress #message-threads tr td.thread-from, 1463 .bp-user #buddypress #message-threads tr td.thread-info, 1464 .bp-user #buddypress #message-threads tr td.thread-options { 1465 border-top: 0; 1466 } 1467 1462 1468 .bp-user #buddypress #message-threads tr td.thread-star { 1463 1469 vertical-align: middle; 1464 1470 } … … 1529 1535 } 1530 1536 1531 1537 .bp-user #buddypress #message-threads tr.unread td { 1532 background: #eee;1533 border-color: # d4d0ba;1538 background: none; 1539 border-color: #bebebe; 1534 1540 } 1535 1541 1536 1542 .bp-user #buddypress #message-threads th { … … 1717 1723 1718 1724 #buddypress div.activity-comments form .ac-textarea { 1719 1725 background: #f7f7f7; 1720 border: 1px solid rgba( 212, 208, 186, 0.5);1726 border: 1px solid rgba(190, 190, 190, 0.5); 1721 1727 } 1722 1728 1723 1729 #buddypress div.activity-comments form .ac-textarea textarea { … … 1735 1741 #buddypress .standard-form button, 1736 1742 #buddypress .standard-form select, 1737 1743 #buddypress .standard-form textarea { 1738 border-color: rgba( 212, 208, 186, 0.5);1744 border-color: rgba(190, 190, 190, 0.5); 1739 1745 border-width: 1px; 1740 1746 } 1741 1747 … … 1761 1767 #buddypress div.dir-search form, 1762 1768 #buddypress div.message-search form, 1763 1769 #buddypress li.groups-members-search form { 1764 border: 1px solid rgba( 212, 208, 186, 0.6);1770 border: 1px solid rgba(190, 190, 190, 0.6); 1765 1771 overflow: hidden; 1766 1772 } 1767 1773 … … 1795 1801 #buddypress div.dir-search form input[type='text'], 1796 1802 #buddypress div.message-search form input[type='text'], 1797 1803 #buddypress li.groups-members-search form input[type='text'] { 1798 border-left: 1px solid rgba( 212, 208, 186, 0.6);1804 border-left: 1px solid rgba(190, 190, 190, 0.6); 1799 1805 padding: 0.2em 0.2em 0.2em 0; 1800 1806 } 1801 1807 … … 1855 1861 } 1856 1862 1857 1863 #buddypress table tr th { 1858 background: # 6f6f6f;1859 border-color: # b7b7b7;1860 color: # fff;1864 background: #f7f7f7; 1865 border-color: #eaeaea; 1866 color: #333; 1861 1867 } 1862 1868 1863 1869 #buddypress table p { -
src/bp-templates/bp-legacy/css/twentyseventeen.css
92 92 } 93 93 } 94 94 95 .buddypress article.page .entry-header .entry-title { 96 font-size: 22px; 97 font-size: 1.375rem; 98 } 99 100 @media screen and (min-width: 55em) { 101 .buddypress article.page .entry-header .entry-title { 102 font-size: 28px; 103 font-size: 1.75rem; 104 } 105 } 106 107 @media screen and (min-width: 55em) { 95 @media screen and (min-width: 48em) { 108 96 body.buddypress.page.page-two-column #primary .entry-header { 109 width: 20%;97 width: 30%; 110 98 } 111 99 body.buddypress.page.page-two-column #primary .entry-content { 112 width: 80%;100 width: 68%; 113 101 } 114 102 body.buddypress:not(.has-sidebar) #primary.content-area, 115 103 body.buddypress:not(.page-two-column) #primary.content-area { … … 150 138 } 151 139 152 140 #buddypress div.item-list-tabs ul { 153 background-color: #faf 9f1;141 background-color: #fafafa; 154 142 border-bottom: 1px solid rgba(234, 234, 234, 0.9); 155 143 border-top: 1px solid rgba(234, 234, 234, 0.9); 156 144 overflow: hidden; … … 167 155 168 156 @media screen and (max-width: 38.75em) { 169 157 .bp-user #buddypress #object-nav { 170 background: #faf 9f1;158 background: #fafafa; 171 159 border: 1px solid #eaeaea; 172 160 overflow: visible; 173 161 padding: 10px; … … 346 334 #main #buddypress #group-create-tabs.item-list-tabs ul li.selected a, 347 335 #main #buddypress #group-create-tabs.item-list-tabs ul li.current a { 348 336 background: none; 349 color: # 141412;337 color: #333; 350 338 outline: none; 351 339 } 352 340 #main #buddypress #subnav ul { … … 557 545 width: 100%; 558 546 } 559 547 560 @media screen and (min-width: 48em) {548 @media screen and (min-width: 30em) { 561 549 #buddypress ul.item-list li div.action div { 562 550 margin: 0 10px 10px 0; 563 551 width: auto; … … 599 587 } 600 588 601 589 #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box { 602 border: 1px solid rgba( 212, 208, 186, 0.5);590 border: 1px solid rgba(190, 190, 190, 0.5); 603 591 float: left; 604 592 line-height: 1.5em; 605 593 margin-top: 12px; … … 726 714 margin-bottom: 5px; 727 715 } 728 716 729 @media screen and (min-width: 3 8.75em) {717 @media screen and (min-width: 30em) { 730 718 #buddypress #activity-stream .activity-content .activity-meta a { 731 719 display: inline-block; 732 720 margin-bottom: 0; 721 width: auto; 733 722 } 734 723 } 735 724 … … 800 789 801 790 #buddypress #activity-stream .activity-comments .ac-form input[type="submit"], 802 791 #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 803 color: rgba( 20, 20, 18, 0.8);792 color: rgba(51, 51, 51, 0.8); 804 793 display: inline-block; 805 794 font-family: inherit; 806 795 font-size: 12px; … … 813 802 } 814 803 815 804 #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel { 816 border: 1px solid rgba( 212, 208, 186, 0.7);805 border: 1px solid rgba(190, 190, 190, 0.7); 817 806 text-align: center; 818 807 } 819 808 … … 1120 1109 } 1121 1110 1122 1111 .groups.group-settings #group-settings-form div.radio label ul { 1123 color: rgba( 20, 20, 18, 0.6);1112 color: rgba(51, 51, 51, 0.6); 1124 1113 font-size: 14px; 1125 1114 font-size: 0.875rem; 1126 1115 } … … 1254 1243 } 1255 1244 1256 1245 .bp-user #buddypress .notifications-options-nav { 1257 border: 1px solid rgba( 212, 208, 186, 0.5);1246 border: 1px solid rgba(190, 190, 190, 0.5); 1258 1247 float: left; 1259 1248 width: 100%; 1260 1249 } … … 1434 1423 } 1435 1424 1436 1425 .bp-user #buddypress #message-threads thead tr { 1437 background: #6f6f6f; 1426 background: none; 1427 border-bottom: 1px solid #bebebe; 1438 1428 } 1439 1429 1430 .bp-user #buddypress #message-threads thead tr th { 1431 background: #555; 1432 } 1433 1434 .bp-user #buddypress #message-threads tr { 1435 border-bottom: 5px solid #878787; 1436 } 1437 1440 1438 .bp-user #buddypress #message-threads tr td { 1441 1439 background: #fff; 1442 1440 display: inline-block; … … 1445 1443 1446 1444 .bp-user #buddypress #message-threads tr td.thread-star, 1447 1445 .bp-user #buddypress #message-threads tr td.thread-options { 1448 border-bottom-color: # ccc;1449 border-bottom-width: 2px;1446 border-bottom-color: #bebebe; 1447 border-bottom-width: 1px; 1450 1448 height: 2.4em; 1451 1449 padding-bottom: 0.2em; 1452 1450 padding-top: 0.2em; … … 1459 1457 } 1460 1458 } 1461 1459 1460 .bp-user #buddypress #message-threads tr td.bulk-select-check, 1461 .bp-user #buddypress #message-threads tr td.thread-star, 1462 .bp-user #buddypress #message-threads tr td.thread-from, 1463 .bp-user #buddypress #message-threads tr td.thread-info, 1464 .bp-user #buddypress #message-threads tr td.thread-options { 1465 border-top: 0; 1466 } 1467 1462 1468 .bp-user #buddypress #message-threads tr td.thread-star { 1463 1469 vertical-align: middle; 1464 1470 } … … 1529 1535 } 1530 1536 1531 1537 .bp-user #buddypress #message-threads tr.unread td { 1532 background: #eee;1533 border-color: # d4d0ba;1538 background: none; 1539 border-color: #bebebe; 1534 1540 } 1535 1541 1536 1542 .bp-user #buddypress #message-threads th { … … 1717 1723 1718 1724 #buddypress div.activity-comments form .ac-textarea { 1719 1725 background: #f7f7f7; 1720 border: 1px solid rgba( 212, 208, 186, 0.5);1726 border: 1px solid rgba(190, 190, 190, 0.5); 1721 1727 } 1722 1728 1723 1729 #buddypress div.activity-comments form .ac-textarea textarea { … … 1735 1741 #buddypress .standard-form button, 1736 1742 #buddypress .standard-form select, 1737 1743 #buddypress .standard-form textarea { 1738 border-color: rgba( 212, 208, 186, 0.5);1744 border-color: rgba(190, 190, 190, 0.5); 1739 1745 border-width: 1px; 1740 1746 } 1741 1747 … … 1761 1767 #buddypress div.dir-search form, 1762 1768 #buddypress div.message-search form, 1763 1769 #buddypress li.groups-members-search form { 1764 border: 1px solid rgba( 212, 208, 186, 0.6);1770 border: 1px solid rgba(190, 190, 190, 0.6); 1765 1771 overflow: hidden; 1766 1772 } 1767 1773 … … 1795 1801 #buddypress div.dir-search form input[type='text'], 1796 1802 #buddypress div.message-search form input[type='text'], 1797 1803 #buddypress li.groups-members-search form input[type='text'] { 1798 border-right: 1px solid rgba( 212, 208, 186, 0.6);1804 border-right: 1px solid rgba(190, 190, 190, 0.6); 1799 1805 padding: 0.2em 0 0.2em 0.2em; 1800 1806 } 1801 1807 … … 1855 1861 } 1856 1862 1857 1863 #buddypress table tr th { 1858 background: # 6f6f6f;1859 border-color: # b7b7b7;1860 color: # fff;1864 background: #f7f7f7; 1865 border-color: #eaeaea; 1866 color: #333; 1861 1867 } 1862 1868 1863 1869 #buddypress table p { -
src/bp-templates/bp-legacy/css/twentyseventeen.scss
192 192 } 193 193 194 194 // Variables: color definitions 195 $body-text: #141412; 195 196 $dark-grey: #555; 197 $medium-grey: #878787; 198 $light-grey: #dcdcdc; 199 $x-light-grey: #f7f7f7; 200 201 $body-text: #333; 202 $bp-light-text: $medium-grey; 196 203 $content-background: #fff; 197 $off-white: lighten(#f9f8ee, 0.7);204 $off-white: #fafafa; 198 205 $cream-background: #f7f5e7; 199 $light-background: #f7f7f7;200 $medium-background: #ccc;201 $dark-background: #555;202 $border-color: # d4d0ba; // border color is varied using rgba206 $light-background: $x-light-grey; 207 $medium-background: $medium-grey; 208 $dark-background: $dark-grey; 209 $border-color: #bebebe; 203 210 $border-light: #eaeaea; // BP dividers 204 211 $border-med: #ddd; 205 212 $background-hover: #db572f; // 2017 link background hover … … 210 217 $notice-update: #ced98c; 211 218 $stripe-odd: #ebf0ff; 212 219 $stripe-even: #dbe5ff; 213 $unread: #eee;220 $unread: $x-light-grey; 214 221 $link-action: #c82b2b; 215 222 /*-------------------------------------------------------------- 216 223 … … 310 317 } 311 318 } 312 319 } 313 // 2017 has very small page entry title headings314 // enlarge slightly for BP screens.315 .buddypress {316 article.page {317 .entry-header {318 .entry-title {319 @include font-size(22);320 320 321 @include medium-up {322 @include font-size(28);323 }324 }325 }326 }327 }328 329 321 // Open up the content width areas for BP screens to allow max widths. 330 // This takes into account the ability to add/remove sidebars in 2017.322 // This takes into account the ability to columnize pages in 2017. 331 323 // Only effect changes based on breakpoints. 332 324 333 @include med ium-up {325 @include med-small-up { 334 326 335 327 body.buddypress.page.page-two-column { 336 328 … … 337 329 #primary { 338 330 339 331 .entry-header { 340 width: 20%;332 width: 30%; 341 333 } 342 334 343 335 .entry-content { 344 width: 80%;336 width: 68%; 345 337 } 346 338 } 347 339 } … … 357 349 .content-bottom-widgets { 358 350 margin-left: 0; 359 351 margin-right: 0; 360 // width: auto;361 352 } 362 353 } 363 354 … … 770 761 } 771 762 772 763 .action { 764 773 765 .generic-button { 766 774 767 a { 768 775 769 &:focus, 776 770 &:hover { 777 771 background: inherit; … … 917 911 // Provisionally lets keep the 'action' div 918 912 // position but inline-block the buttons 919 913 920 @include med-small-up {914 @include small-up { 921 915 // keep buttons to a row small tablet up 922 916 margin: 0 $spacing-val-sm $spacing-val-sm 0; 923 917 width: auto; … … 1131 1125 display: block; 1132 1126 margin-bottom: $spacing-val-xs; 1133 1127 1134 @include small-up -bp{1128 @include small-up { 1135 1129 display: inline-block; 1136 1130 margin-bottom: 0; 1131 width: auto; 1137 1132 } 1138 1133 } 1139 1134 } … … 1932 1927 1933 1928 #message-thread { 1934 1929 //Single message view 1930 1935 1931 a { 1936 1932 border-bottom: 0; 1937 1933 } … … 1979 1975 } 1980 1976 1981 1977 #send-reply { 1978 1982 1979 .message-content { 1983 1980 background: $content-background; 1984 1981 border: 0; … … 1994 1991 #message-threads { 1995 1992 1996 1993 thead { 1994 1997 1995 tr { 1998 background: lighten($dark-background, 10%); 1996 background: none; 1997 border-bottom: 1px solid $border-color; 1998 1999 2000 th { 2001 background: #555; 2002 } 1999 2003 } 2000 2004 } 2001 2005 2002 2006 tr { 2007 border-bottom: 5px solid $medium-grey; 2008 2003 2009 td { 2004 2010 background: $content-background; 2005 2011 display: inline-block; … … 2008 2014 2009 2015 td.thread-star, 2010 2016 td.thread-options { 2011 border-bottom-color: $ medium-background;2012 border-bottom-width: 2px;2017 border-bottom-color: $border-color; 2018 border-bottom-width: 1px; 2013 2019 height: 2.4em; 2014 2020 padding-bottom: 0.2em; 2015 2021 padding-top: 0.2em; … … 2019 2025 } 2020 2026 } 2021 2027 2028 td.bulk-select-check, 2029 td.thread-star, 2030 td.thread-from, 2031 td.thread-info, 2032 td.thread-options { 2033 border-top: 0; 2034 } 2035 2022 2036 td.thread-star { 2023 2037 vertical-align: middle; 2024 2038 … … 2080 2094 } 2081 2095 2082 2096 tr.unread { 2097 2083 2098 td { 2084 background: $unread;2099 background: none; 2085 2100 border-color: $border-color; 2086 2101 } 2087 2102 } … … 2295 2310 2296 2311 // Attempt to reset form control widths 2297 2312 #main { 2313 2298 2314 #buddypress { 2315 2299 2316 .standard-form { 2300 2317 2301 li {float: none;} 2318 li { 2319 float: none; 2320 } 2321 2302 2322 input[type='text'], 2303 2323 input[type='email'], 2304 2324 input[type='password'], … … 2309 2329 } 2310 2330 } 2311 2331 2312 2313 2332 #buddypress { 2314 2333 2315 2334 // Match BP form elements to Themes(2017) styling where styles … … 2472 2491 margin: $spacing-val-md 0; 2473 2492 2474 2493 tr th { 2475 background: lighten($dark-background, 10%);2476 border-color: darken($border-light, 20%);2477 color: $ content-background;2494 background: $light-background; 2495 border-color: $border-light; 2496 color: $body-text; 2478 2497 } 2479 2498 2480 2499 // Reduce the themes inherited paragraph margins in tables