Skip to:
Content

Opened 3 years ago

Closed 3 years ago

Last modified 19 months ago

#6338 closed enhancement (fixed)

Companion stylesheet task - twentyfourteen

Reported by: hnla Owned by:
Milestone: 2.3 Priority: normal
Severity: normal Version:
Component: Templates Keywords: has-patch
Cc:

Description

This ticket manages the Twentyfourteen companion stylesheet specific task.

Style discussions and all patches for the task will be maintained here.

Technical discussions pertaining to the general Companion Stylesheet requirements will be kept to #6248

To load these sheets in a development environment you will need to patch buddypress-functions.php with the following patch:

https://buddypress.trac.wordpress.org/raw-attachment/ticket/6124/6124.01.patch
Zip - https://buddypress.trac.wordpress.org/attachment/ticket/6124/6124.01.patch

The attached patch 'twentyfourteen-comp-style' provides the sass and a compiled css file for the initial style corrections and structure along with some starter styles for aspects such as user navigational elements.

Attachments (3)

twentyfourteen-comp-style.patch (15.6 KB) - added by hnla 3 years ago.
Initial style files
twentyfourteen-comp-style.01.patch (15.1 KB) - added by hnla 3 years ago.
Update twentyfourteen scss file to initial commit point
twentyfourteen-comp-style.02.patch (16.2 KB) - added by hnla 3 years ago.
Update scss file for formatting, mixins, & styles

Download all attachments as: .zip

Change History (16)

@hnla
3 years ago

Initial style files

This ticket was mentioned in Slack in #buddypress by netweb. View the logs.


3 years ago

@hnla
3 years ago

Update twentyfourteen scss file to initial commit point

#2 @hnla
3 years ago

In 9784:

Initial Commit of Twentyfourteen Companion SCSS and CSS Files

Commit provides the scss framework and includes: essential variables, mixins & sectioning.

Provides updated styling for primary BP elements; lists, loops breakpoint governed.
Borrows from 2015 for BP user profile menu layout.
See #6338

@hnla
3 years ago

Update scss file for formatting, mixins, & styles

#3 @hnla
3 years ago

In 9816:

Commit updates twentyfourteen companion styles:

  • Adds new mixins
  • Replicates new groups/users sections as in twentyfifteen
  • Updates sectioning formatting
  • Adds new color variables
  • Updates object nav users/groups
  • Runs through groups screens broad pass styles
  • addresses item-headers layouts groups/user screens

See #6338

#4 @hnla
3 years ago

In 9823:

Updates to twentyfourteen complimentary styles

General style updates & corrections

  • Updates various user account screen elements
  • Updates general form styles
  • Corrects item-body background

See #6338

#5 @hnla
3 years ago

In 9835:

Updates to twentyfourteen companion styles
Addresses:

  • Whats new activity post form elements for better rendering at mobile & small tablet portrait layouts.
  • Updates activity stream list items for better layout in mobile & small tablets.
  • Updates Dir navigation for Mobile screens, render li items at full screen width.

See #6338

#6 @hnla
3 years ago

In 9842:

Updates to twentyfourteen companion styles
Re-factor general nav rules

  • Mobile/tablet li widths to better display links, all navs
  • Adjust styles medium screen widths borders, margins.

Adjust various elements

  • Activity stream margining.
  • Update user settings tables for better layout small screens.

See #6338

#7 @hnla
3 years ago

In 9856:

Update twentyfourteen SCSS Sheet
Commit addresses scss-lint tests for VendorPrefix (currently disallowed by config)

  • Uncomment vendor prefix properties previously removed as failing tests.
  • Add scss-lint disable/enable block rules.
  • Moves any mixins with vendor prefix properties within the exclusion block.
  • Add calc() mixin from twentyfifteen sheet(props r-a-y)

Vendor prefix usage such as 'border-radius', 'box-sizing' will now pass tests as long as they are only used via a mixin within this exclusion block; this allows us to pass vendor prefixes where we explicitly set them in our exclusion block but then allows the lint test to run through on the rest of the sheet so ensuring prefixes aren't written directly to rulesets.
See #6338

#8 @hnla
3 years ago

In 9861:

Updates to Twentyfourteen & Twentyfifteen scss files
General updates for both files to ensure uniform message notice elements rulesets; adjust colors.
update user item action buttons for small screens Twentyfourteen.
See #6338 See #6291

#9 @hnla
3 years ago

In 9864:

Updates to twentyfourteen companion styles

  • Update message-box mixin, use default text-color based on background selected if no arg passed for color, remove set color args.
  • Add override clear none to counter themes heading clearing.
  • Update group members list display general & mobile.
  • Update users/groups headers, global styles, correct messages rendering in header area.
  • Update group-member-search for style and mobile rendering.

See #6338

#10 @hnla
3 years ago

In 9872:

Updates to twentyfourteen companion styles

  • Minor corrections & improvements for mobile views
  • Transpose what's new active class to use style attr check
  • Port over messages-threads table layout from 2015 and adjust layout to work for 2014; update various styles. props r-a-y

See #6338

#11 @hnla
3 years ago

In 9880:

Update twentyfourteen companion styles

  • Adjust minor padding margin issues.
  • Port table message thread style for notices loop.
  • Add small margin for item-body with no content display, counter 2014 sidebar clash.
  • Add small styling group settings screen.

See #6338

#12 @johnjamesjacoby
3 years ago

  • Resolution set to fixed
  • Status changed from new to closed

#13 @DJPaul
19 months ago

  • Component changed from Appearance to Templates
Note: See TracTickets for help on using tickets.