Skip to:
Content

BuddyPress.org

Changeset 9871


Ignore:
Timestamp:
05/15/2015 11:44:18 AM (6 years ago)
Author:
hnla
Message:

Update twentyfifteen companion styles - scss corrections, breakpoint adjustments

  • Reduce whats-new selector grouping specificity. Remove .active class, js patch punted to 2.4.
  • Update small screen whats-new-options elements and reverse the ordering of options select and submit controls.
  • Re-factor scss CSS section commenting to correct compiling error seeing comments as rules and extracting & grouping separated from their nested rulesets.

See #6291

Location:
trunk/src/bp-templates/bp-legacy/css
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen-rtl.css

    r9867 r9871  
    302302#buddypress form#whats-new-form textarea {
    303303  width: 100%; }
    304 @media screen and (max-width: 46.25em) {
     304@media screen and (max-width: 30em) {
     305  #buddypress form#whats-new-form #whats-new-post-in-box select {
     306    font-size: 14px;
     307    font-size: 1.4rem;
     308    max-width: 120px; } }
     309@media screen and (max-width: 38.75em) {
    305310  #buddypress form#whats-new-form #whats-new-content {
    306311    clear: right;
    307     margin: 10px 0 20px;
    308     padding: 10px 0 0; } }
    309 #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] {
     312    margin: 10px 0 40px;
     313    padding: 10px 0 0; }
     314    #buddypress form#whats-new-form #whats-new-content #whats-new-submit {
     315      float: none; }
     316      #buddypress form#whats-new-form #whats-new-content #whats-new-submit input {
     317        width: 100%; }
     318  #buddypress form#whats-new-form #whats-new-options {
     319    display: flex;
     320    flex-direction: column; }
     321    #buddypress form#whats-new-form #whats-new-options #whats-new-submit {
     322      order: 2; }
     323    #buddypress form#whats-new-form #whats-new-options #whats-new-post-in-box {
     324      order: 1; } }
     325#buddypress form#whats-new-form #whats-new-options[style] {
    310326  min-height: 6rem;
    311327  overflow: visible; }
    312   #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box {
     328  #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
    313329    border: 1px solid rgba(153, 153, 153, 0.5);
    314330    float: right;
     
    317333    padding-right: 0.2em;
    318334    width: 100%; }
    319     #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box select {
     335    #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box select {
    320336      background: none;
    321337      border: 0;
     
    323339      margin: 0;
    324340      min-height: 1.5em;
     341      outline: 0;
    325342      padding-right: 0.4em; }
    326343  @media screen and (min-width: 30em) {
    327     #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box {
     344    #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
    328345      width: auto; }
    329     #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-submit {
     346    #buddypress form#whats-new-form #whats-new-options[style] #whats-new-submit {
    330347      float: left; } }
    331348#buddypress #item-body form#whats-new-form {
     
    707724.bp-user .entry-title {
    708725  margin-bottom: 0.5em; }
    709 .bp-user #buddypress {
    710   /**
     726
     727/**
    711728*--------------------------------------------
    712729* @subsection 6.2.2.1 - classes, pag, filters
    713730*--------------------------------------------
    714731*/
    715   /**
     732.bp-user #buddypress table th {
     733  font-size: 14px;
     734  font-size: 1.4rem; }
     735.bp-user #buddypress table td {
     736  font-size: 12px;
     737  font-size: 1.2rem; }
     738@media screen and (min-width: 46.25em) {
     739  .bp-user #buddypress table th {
     740    font-size: 16px;
     741    font-size: 1.6rem; }
     742  .bp-user #buddypress table td {
     743    font-size: 14px;
     744    font-size: 1.4rem; } }
     745@media screen and (min-width: 77.5em) {
     746  .bp-user #buddypress table th {
     747    font-size: 18px;
     748    font-size: 1.8rem; }
     749  .bp-user #buddypress table td {
     750    font-size: 16px;
     751    font-size: 1.6rem; } }
     752.bp-user #buddypress .pag-count {
     753  font-style: italic; }
     754.bp-user #buddypress .notifications-options-nav {
     755  border: 1px solid rgba(153, 153, 153, 0.5);
     756  float: right;
     757  width: 100%; }
     758  @media screen and (min-width: 38.75em) {
     759    .bp-user #buddypress .notifications-options-nav {
     760      width: 300px; } }
     761  .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .notifications-options-nav input {
     762    border: 0;
     763    font-size: 14px;
     764    font-size: 1.4rem;
     765    outline: 0;
     766    padding: 0; }
     767  .bp-user #buddypress .notifications-options-nav select {
     768    float: right;
     769    margin-left: 0;
     770    width: 60%; }
     771  .bp-user #buddypress .notifications-options-nav input {
     772    float: left;
     773    font-family: inherit;
     774    line-height: 20px;
     775    width: 40%; }
     776
     777/**
    716778    *-------------------------------------------
    717779    * @subsection 6.2.2.2 - Extended Profiles
    718780    *-------------------------------------------
    719781    */
    720   /**
     782.bp-user #buddypress .profile {
     783  /* Edit profile */ }
     784  .bp-user #buddypress .profile .bp-widget h4 {
     785    background: #6e6e6e;
     786    color: #fff;
     787    margin-bottom: 0;
     788    padding: 0.4em; }
     789  .bp-user #buddypress .profile .bp-widget table {
     790    margin-top: 0; }
     791  .bp-user #buddypress .profile #profile-edit-form .button-nav:before, .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     792    content: " ";
     793    display: table; }
     794  .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     795    clear: both; }
     796  .bp-user #buddypress .profile #profile-edit-form ul.button-nav {
     797    border-bottom: 1px solid #eaeaea;
     798    margin-right: 0; }
     799    .bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
     800      float: right;
     801      margin-bottom: 0; }
     802      .bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
     803        border: 1px solid #eaeaea;
     804        border-bottom-color: #fff;
     805        margin-bottom: -1px; }
     806    .bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
     807      background: none;
     808      border: 0;
     809      font-size: 18px;
     810      font-size: 1.8rem; }
     811  .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
     812    font-size: 14px;
     813    font-size: 1.4rem; }
     814  .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
     815    background: #555;
     816    color: #fff;
     817    padding: 0.2em 0.5em; }
     818  .bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
     819    font-size: inherit; }
     820
     821/**
    721822    *-------------------------------------------
    722823    * @subsection 6.2.2.3 - Groups
    723824    *-------------------------------------------
    724825    */
    725   /**
     826@media screen and (min-width: 77.5em) {
     827  .bp-user #buddypress #groups-list li .item {
     828    right: 5%;
     829    width: 50%; } }
     830
     831/**
    726832    *-------------------------------------------
    727833    * @subsection 6.2.2.5 - Private Messaging
    728834    *-------------------------------------------
    729835    */
     836.bp-user #buddypress {
    730837  /* Auto Complete background */
    731   /* Sitewide Notices loop */
    732   /**
    733     *------------------------------
    734     * @subsection 6.2.2.6 - Settings
    735     *------------------------------
    736     */ }
    737   .bp-user #buddypress table th {
    738     font-size: 14px;
    739     font-size: 1.4rem; }
    740   .bp-user #buddypress table td {
    741     font-size: 12px;
    742     font-size: 1.2rem; }
    743   @media screen and (min-width: 46.25em) {
    744     .bp-user #buddypress table th {
    745       font-size: 16px;
    746       font-size: 1.6rem; }
    747     .bp-user #buddypress table td {
    748       font-size: 14px;
    749       font-size: 1.4rem; } }
    750   @media screen and (min-width: 77.5em) {
    751     .bp-user #buddypress table th {
    752       font-size: 18px;
    753       font-size: 1.8rem; }
    754     .bp-user #buddypress table td {
    755       font-size: 16px;
    756       font-size: 1.6rem; } }
    757   .bp-user #buddypress .pag-count {
    758     font-style: italic; }
    759   .bp-user #buddypress .notifications-options-nav {
    760     border: 1px solid rgba(153, 153, 153, 0.5);
    761     float: right;
    762     width: 100%; }
    763     @media screen and (min-width: 38.75em) {
    764       .bp-user #buddypress .notifications-options-nav {
    765         width: 300px; } }
    766     .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .notifications-options-nav input {
    767       border: 0;
    768       font-size: 14px;
    769       font-size: 1.4rem;
    770       outline: 0;
    771       padding: 0; }
    772     .bp-user #buddypress .notifications-options-nav select {
    773       float: right;
    774       margin-left: 0;
    775       width: 60%; }
    776     .bp-user #buddypress .notifications-options-nav input {
    777       float: left;
    778       font-family: inherit;
    779       line-height: 20px;
    780       width: 40%; }
    781   .bp-user #buddypress .profile {
    782     /* Edit profile */ }
    783     .bp-user #buddypress .profile .bp-widget h4 {
    784       background: #6e6e6e;
    785       color: #fff;
    786       margin-bottom: 0;
    787       padding: 0.4em; }
    788     .bp-user #buddypress .profile .bp-widget table {
    789       margin-top: 0; }
    790     .bp-user #buddypress .profile #profile-edit-form .button-nav:before, .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    791       content: " ";
    792       display: table; }
    793     .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    794       clear: both; }
    795     .bp-user #buddypress .profile #profile-edit-form ul.button-nav {
    796       border-bottom: 1px solid #eaeaea;
    797       margin-right: 0; }
    798       .bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
    799         float: right;
    800         margin-bottom: 0; }
    801         .bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
    802           border: 1px solid #eaeaea;
    803           border-bottom-color: #fff;
    804           margin-bottom: -1px; }
    805       .bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
    806         background: none;
    807         border: 0;
    808         font-size: 18px;
    809         font-size: 1.8rem; }
    810     .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
    811       font-size: 14px;
    812       font-size: 1.4rem; }
    813     .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
    814       background: #555;
    815       color: #fff;
    816       padding: 0.2em 0.5em; }
    817     .bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
    818       font-size: inherit; }
    819   @media screen and (min-width: 77.5em) {
    820     .bp-user #buddypress #groups-list li .item {
    821       right: 5%;
    822       width: 50%; } }
     838  /* Sitewide Notices loop */ }
    823839  .bp-user #buddypress #message-thread a {
    824840    border-bottom: 0; }
     
    955971      line-height: initial;
    956972      text-indent: 0; }
    957   .bp-user #buddypress #settings-form > p {
    958     font-size: 20px;
    959     font-size: 2rem;
    960     margin: 20px 0 10px; }
    961   .bp-user #buddypress table.notification-settings td.yes, .bp-user #buddypress table.notification-settings td.no {
    962     vertical-align: middle; }
    963   .bp-user #buddypress table.profile-settings {
     973
     974/**
     975    *------------------------------
     976    * @subsection 6.2.2.6 - Settings
     977    *------------------------------
     978    */
     979.bp-user #buddypress #settings-form > p {
     980  font-size: 20px;
     981  font-size: 2rem;
     982  margin: 20px 0 10px; }
     983.bp-user #buddypress table.notification-settings td.yes, .bp-user #buddypress table.notification-settings td.no {
     984  vertical-align: middle; }
     985.bp-user #buddypress table.profile-settings {
     986  width: 100%; }
     987  .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
     988    width: 50%; }
     989  @media screen and (min-width: 46.25em) {
     990    .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
     991      width: 70%; } }
     992  .bp-user #buddypress table.profile-settings th.title, .bp-user #buddypress table.profile-settings td.field-visibility {
     993    width: 30%; }
     994  .bp-user #buddypress table.profile-settings td.field-visibility select {
    964995    width: 100%; }
    965     .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
    966       width: 50%; }
    967     @media screen and (min-width: 46.25em) {
    968       .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
    969         width: 70%; } }
    970     .bp-user #buddypress table.profile-settings th.title, .bp-user #buddypress table.profile-settings td.field-visibility {
    971       width: 30%; }
    972     .bp-user #buddypress table.profile-settings td.field-visibility select {
    973       width: 100%; }
    974996
    975997/**
  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.css

    r9867 r9871  
    302302#buddypress form#whats-new-form textarea {
    303303  width: 100%; }
    304 @media screen and (max-width: 46.25em) {
     304@media screen and (max-width: 30em) {
     305  #buddypress form#whats-new-form #whats-new-post-in-box select {
     306    font-size: 14px;
     307    font-size: 1.4rem;
     308    max-width: 120px; } }
     309@media screen and (max-width: 38.75em) {
    305310  #buddypress form#whats-new-form #whats-new-content {
    306311    clear: left;
    307     margin: 10px 0 20px;
    308     padding: 10px 0 0; } }
    309 #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] {
     312    margin: 10px 0 40px;
     313    padding: 10px 0 0; }
     314    #buddypress form#whats-new-form #whats-new-content #whats-new-submit {
     315      float: none; }
     316      #buddypress form#whats-new-form #whats-new-content #whats-new-submit input {
     317        width: 100%; }
     318  #buddypress form#whats-new-form #whats-new-options {
     319    display: flex;
     320    flex-direction: column; }
     321    #buddypress form#whats-new-form #whats-new-options #whats-new-submit {
     322      order: 2; }
     323    #buddypress form#whats-new-form #whats-new-options #whats-new-post-in-box {
     324      order: 1; } }
     325#buddypress form#whats-new-form #whats-new-options[style] {
    310326  min-height: 6rem;
    311327  overflow: visible; }
    312   #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box {
     328  #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
    313329    border: 1px solid rgba(153, 153, 153, 0.5);
    314330    float: left;
     
    317333    padding-left: 0.2em;
    318334    width: 100%; }
    319     #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box select {
     335    #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box select {
    320336      background: none;
    321337      border: 0;
     
    323339      margin: 0;
    324340      min-height: 1.5em;
     341      outline: 0;
    325342      padding-left: 0.4em; }
    326343  @media screen and (min-width: 30em) {
    327     #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box {
     344    #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
    328345      width: auto; }
    329     #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-submit {
     346    #buddypress form#whats-new-form #whats-new-options[style] #whats-new-submit {
    330347      float: right; } }
    331348#buddypress #item-body form#whats-new-form {
     
    707724.bp-user .entry-title {
    708725  margin-bottom: 0.5em; }
    709 .bp-user #buddypress {
    710   /**
     726
     727/**
    711728*--------------------------------------------
    712729* @subsection 6.2.2.1 - classes, pag, filters
    713730*--------------------------------------------
    714731*/
    715   /**
     732.bp-user #buddypress table th {
     733  font-size: 14px;
     734  font-size: 1.4rem; }
     735.bp-user #buddypress table td {
     736  font-size: 12px;
     737  font-size: 1.2rem; }
     738@media screen and (min-width: 46.25em) {
     739  .bp-user #buddypress table th {
     740    font-size: 16px;
     741    font-size: 1.6rem; }
     742  .bp-user #buddypress table td {
     743    font-size: 14px;
     744    font-size: 1.4rem; } }
     745@media screen and (min-width: 77.5em) {
     746  .bp-user #buddypress table th {
     747    font-size: 18px;
     748    font-size: 1.8rem; }
     749  .bp-user #buddypress table td {
     750    font-size: 16px;
     751    font-size: 1.6rem; } }
     752.bp-user #buddypress .pag-count {
     753  font-style: italic; }
     754.bp-user #buddypress .notifications-options-nav {
     755  border: 1px solid rgba(153, 153, 153, 0.5);
     756  float: left;
     757  width: 100%; }
     758  @media screen and (min-width: 38.75em) {
     759    .bp-user #buddypress .notifications-options-nav {
     760      width: 300px; } }
     761  .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .notifications-options-nav input {
     762    border: 0;
     763    font-size: 14px;
     764    font-size: 1.4rem;
     765    outline: 0;
     766    padding: 0; }
     767  .bp-user #buddypress .notifications-options-nav select {
     768    float: left;
     769    margin-right: 0;
     770    width: 60%; }
     771  .bp-user #buddypress .notifications-options-nav input {
     772    float: right;
     773    font-family: inherit;
     774    line-height: 20px;
     775    width: 40%; }
     776
     777/**
    716778    *-------------------------------------------
    717779    * @subsection 6.2.2.2 - Extended Profiles
    718780    *-------------------------------------------
    719781    */
    720   /**
     782.bp-user #buddypress .profile {
     783  /* Edit profile */ }
     784  .bp-user #buddypress .profile .bp-widget h4 {
     785    background: #6e6e6e;
     786    color: #fff;
     787    margin-bottom: 0;
     788    padding: 0.4em; }
     789  .bp-user #buddypress .profile .bp-widget table {
     790    margin-top: 0; }
     791  .bp-user #buddypress .profile #profile-edit-form .button-nav:before, .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     792    content: " ";
     793    display: table; }
     794  .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     795    clear: both; }
     796  .bp-user #buddypress .profile #profile-edit-form ul.button-nav {
     797    border-bottom: 1px solid #eaeaea;
     798    margin-left: 0; }
     799    .bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
     800      float: left;
     801      margin-bottom: 0; }
     802      .bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
     803        border: 1px solid #eaeaea;
     804        border-bottom-color: #fff;
     805        margin-bottom: -1px; }
     806    .bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
     807      background: none;
     808      border: 0;
     809      font-size: 18px;
     810      font-size: 1.8rem; }
     811  .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
     812    font-size: 14px;
     813    font-size: 1.4rem; }
     814  .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
     815    background: #555;
     816    color: #fff;
     817    padding: 0.2em 0.5em; }
     818  .bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
     819    font-size: inherit; }
     820
     821/**
    721822    *-------------------------------------------
    722823    * @subsection 6.2.2.3 - Groups
    723824    *-------------------------------------------
    724825    */
    725   /**
     826@media screen and (min-width: 77.5em) {
     827  .bp-user #buddypress #groups-list li .item {
     828    left: 5%;
     829    width: 50%; } }
     830
     831/**
    726832    *-------------------------------------------
    727833    * @subsection 6.2.2.5 - Private Messaging
    728834    *-------------------------------------------
    729835    */
     836.bp-user #buddypress {
    730837  /* Auto Complete background */
    731   /* Sitewide Notices loop */
    732   /**
    733     *------------------------------
    734     * @subsection 6.2.2.6 - Settings
    735     *------------------------------
    736     */ }
    737   .bp-user #buddypress table th {
    738     font-size: 14px;
    739     font-size: 1.4rem; }
    740   .bp-user #buddypress table td {
    741     font-size: 12px;
    742     font-size: 1.2rem; }
    743   @media screen and (min-width: 46.25em) {
    744     .bp-user #buddypress table th {
    745       font-size: 16px;
    746       font-size: 1.6rem; }
    747     .bp-user #buddypress table td {
    748       font-size: 14px;
    749       font-size: 1.4rem; } }
    750   @media screen and (min-width: 77.5em) {
    751     .bp-user #buddypress table th {
    752       font-size: 18px;
    753       font-size: 1.8rem; }
    754     .bp-user #buddypress table td {
    755       font-size: 16px;
    756       font-size: 1.6rem; } }
    757   .bp-user #buddypress .pag-count {
    758     font-style: italic; }
    759   .bp-user #buddypress .notifications-options-nav {
    760     border: 1px solid rgba(153, 153, 153, 0.5);
    761     float: left;
    762     width: 100%; }
    763     @media screen and (min-width: 38.75em) {
    764       .bp-user #buddypress .notifications-options-nav {
    765         width: 300px; } }
    766     .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .notifications-options-nav input {
    767       border: 0;
    768       font-size: 14px;
    769       font-size: 1.4rem;
    770       outline: 0;
    771       padding: 0; }
    772     .bp-user #buddypress .notifications-options-nav select {
    773       float: left;
    774       margin-right: 0;
    775       width: 60%; }
    776     .bp-user #buddypress .notifications-options-nav input {
    777       float: right;
    778       font-family: inherit;
    779       line-height: 20px;
    780       width: 40%; }
    781   .bp-user #buddypress .profile {
    782     /* Edit profile */ }
    783     .bp-user #buddypress .profile .bp-widget h4 {
    784       background: #6e6e6e;
    785       color: #fff;
    786       margin-bottom: 0;
    787       padding: 0.4em; }
    788     .bp-user #buddypress .profile .bp-widget table {
    789       margin-top: 0; }
    790     .bp-user #buddypress .profile #profile-edit-form .button-nav:before, .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    791       content: " ";
    792       display: table; }
    793     .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    794       clear: both; }
    795     .bp-user #buddypress .profile #profile-edit-form ul.button-nav {
    796       border-bottom: 1px solid #eaeaea;
    797       margin-left: 0; }
    798       .bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
    799         float: left;
    800         margin-bottom: 0; }
    801         .bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
    802           border: 1px solid #eaeaea;
    803           border-bottom-color: #fff;
    804           margin-bottom: -1px; }
    805       .bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
    806         background: none;
    807         border: 0;
    808         font-size: 18px;
    809         font-size: 1.8rem; }
    810     .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
    811       font-size: 14px;
    812       font-size: 1.4rem; }
    813     .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
    814       background: #555;
    815       color: #fff;
    816       padding: 0.2em 0.5em; }
    817     .bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
    818       font-size: inherit; }
    819   @media screen and (min-width: 77.5em) {
    820     .bp-user #buddypress #groups-list li .item {
    821       left: 5%;
    822       width: 50%; } }
     838  /* Sitewide Notices loop */ }
    823839  .bp-user #buddypress #message-thread a {
    824840    border-bottom: 0; }
     
    955971      line-height: initial;
    956972      text-indent: 0; }
    957   .bp-user #buddypress #settings-form > p {
    958     font-size: 20px;
    959     font-size: 2rem;
    960     margin: 20px 0 10px; }
    961   .bp-user #buddypress table.notification-settings td.yes, .bp-user #buddypress table.notification-settings td.no {
    962     vertical-align: middle; }
    963   .bp-user #buddypress table.profile-settings {
     973
     974/**
     975    *------------------------------
     976    * @subsection 6.2.2.6 - Settings
     977    *------------------------------
     978    */
     979.bp-user #buddypress #settings-form > p {
     980  font-size: 20px;
     981  font-size: 2rem;
     982  margin: 20px 0 10px; }
     983.bp-user #buddypress table.notification-settings td.yes, .bp-user #buddypress table.notification-settings td.no {
     984  vertical-align: middle; }
     985.bp-user #buddypress table.profile-settings {
     986  width: 100%; }
     987  .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
     988    width: 50%; }
     989  @media screen and (min-width: 46.25em) {
     990    .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
     991      width: 70%; } }
     992  .bp-user #buddypress table.profile-settings th.title, .bp-user #buddypress table.profile-settings td.field-visibility {
     993    width: 30%; }
     994  .bp-user #buddypress table.profile-settings td.field-visibility select {
    964995    width: 100%; }
    965     .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
    966       width: 50%; }
    967     @media screen and (min-width: 46.25em) {
    968       .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
    969         width: 70%; } }
    970     .bp-user #buddypress table.profile-settings th.title, .bp-user #buddypress table.profile-settings td.field-visibility {
    971       width: 30%; }
    972     .bp-user #buddypress table.profile-settings td.field-visibility select {
    973       width: 100%; }
    974996
    975997/**
  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss

    r9867 r9871  
    653653        // corrective measure for clipped elements due to JS inline styling
    654654
    655         @media screen and (max-width: 46.25em) {
     655        @media screen and (max-width: 30em) {
     656            #whats-new-post-in-box {
     657                select {
     658                    @include font-size(14);
     659                    max-width: 120px;
     660                }
     661            }
     662        }
     663
     664        @media screen and (max-width: 38.75em) {
    656665            #whats-new-content {
    657666                clear: left;
    658                 margin: $spacing-val-sm 0 $spacing-val-md;
     667                margin: $spacing-val-sm 0 $spacing-val-lg;
    659668                padding: $spacing-val-sm 0 0;
    660             }
    661         }
    662 
    663         #whats-new-content.active {
    664             #whats-new-options[style] {
    665                 min-height: 6rem; // unit open to debate px value might be better.
    666                 overflow: visible;
    667 
     669
     670                #whats-new-submit {
     671                    float: none;
     672
     673                    input {width: 100%;}
     674                }
     675            }
     676
     677            #whats-new-options {
     678                display: flex;
     679                flex-direction: column;
     680
     681                #whats-new-submit {order: 2;}
     682                #whats-new-post-in-box {order: 1;}
     683            }
     684        } // close @media
     685
     686        #whats-new-options[style] {
     687            min-height: 6rem;
     688            overflow: visible;
     689
     690            #whats-new-post-in-box {
     691                border: 1px solid rgba($border-color, 0.5);
     692                float: left;
     693                line-height: 1.5em;
     694                margin-top: 12px;
     695                padding-left: 0.2em;
     696                width: 100%;
     697
     698                select {
     699                    background: none;
     700                    border: 0;
     701                    float: right;
     702                    margin: 0;
     703                    min-height: 1.5em;
     704                    outline: 0;
     705                    padding-left: 0.4em;
     706                }
     707            }
     708
     709            @media screen and (min-width: 30em) {
    668710                #whats-new-post-in-box {
    669                     border: 1px solid rgba($border-color, 0.5);
    670                     float: left;
    671                     line-height: 1.5em;
    672                     margin-top: 12px;
    673                     padding-left: 0.2em;
    674                     width: 100%;
    675 
    676                     select {
    677                         background: none;
    678                         border: 0;
    679                         float: right;
    680                         margin: 0;
    681                         min-height: 1.5em;
    682                         padding-left: 0.4em;
    683                     }
    684                 }
    685 
    686                 @media screen and (min-width: 30em) {
    687                     #whats-new-post-in-box {
    688                         width: auto;
    689                     }
    690 
    691                     #whats-new-submit {
    692                         float: right;
    693                     }
    694                 }
    695 
    696             } // close #whats-new-options
    697         } // close #whats-new-content.active
     711                    width: auto;
     712                }
     713
     714                #whats-new-submit {
     715                    float: right;
     716                }
     717            }
     718
     719        } // close #whats-new-options
    698720
    699721    } // close #whats-new-form
     
    13531375
    13541376.bp-user {
    1355     .entry-title {margin-bottom: 0.5em;}
    1356 
    1357     #buddypress {
    1358 
     1377    .entry-title {
     1378        margin-bottom: 0.5em;
     1379    }
     1380}
    13591381/**
    13601382*--------------------------------------------
     
    13621384*--------------------------------------------
    13631385*/
     1386
     1387.bp-user {
     1388
     1389    #buddypress {
    13641390
    13651391        table {
     
    14111437        } // close .notifications-options-nav
    14121438
     1439    } // close #BuddyPress
     1440
     1441} // close .bp-user
     1442
    14131443/**
    14141444    *-------------------------------------------
     
    14161446    *-------------------------------------------
    14171447    */
     1448
     1449.bp-user {
     1450
     1451    #buddypress {
     1452
    14181453        .profile {
    14191454            .bp-widget {
     
    14821517        } // close .profile
    14831518
     1519    } // close #BuddyPress
     1520
     1521} // close .bp-user
     1522
    14841523/**
    14851524    *-------------------------------------------
     
    14871526    *-------------------------------------------
    14881527    */
     1528.bp-user {
     1529
     1530    #buddypress {
    14891531
    14901532        #groups-list {
     
    14991541        }
    15001542
     1543    } // close #BuddyPress
     1544
     1545} // close .bp-user
     1546
    15011547/**
    15021548    *-------------------------------------------
     
    15041550    *-------------------------------------------
    15051551    */
     1552
     1553.bp-user {
     1554
     1555    #buddypress {
    15061556
    15071557        #message-thread {
     
    17421792        }
    17431793
     1794    } // close #BuddyPress
     1795
     1796} // close .bp-user
     1797
    17441798/**
    17451799    *------------------------------
     
    17471801    *------------------------------
    17481802    */
     1803
     1804.bp-user {
     1805    #buddypress {
    17491806
    17501807        #settings-form {
Note: See TracChangeset for help on using the changeset viewer.