Release/2.5.0 (#4166)

Release/2.5.0

.travis.yml

@@ -16,18 +16,15 @@ matrix:
   include:
   - php: 5.6
     env: WP_VERSION=latest WP_MULTISITE=1 PHP_LATEST_STABLE=7.1
-  - php: 5.3
-    env: WP_VERSION=latest WP_MULTISITE=0 PHP_LATEST_STABLE=7.1
-    dist: precise
+  - php: 5.4
+    env: WP_VERSION=5.1.1 WP_MULTISITE=0 PHP_LATEST_STABLE=7.1
 
 before_install:
-  - |
-    if [ ${TRAVIS_PHP_VERSION:0:3} != "5.3" ]; then
-      npm i npm@latest -g
-      chmod +x docker-compose.yml
-      sudo docker-compose up -d
-      sudo chmod 777 -R ~/wordpress_data/
-    fi
+  - npm i npm@latest -g
+  - chmod +x docker-compose.yml
+  - docker-compose --version
+  - sudo docker-compose up -d
+  - sudo chmod 777 -R ~/wordpress_data/
 
 before_script:
   - phpenv config-rm xdebug.ini

README.md

@@ -17,6 +17,10 @@ If you're looking to contribute or actively develop on Give then skip ahead to t
 * cURL version 5.40 or higher
 * An SSL certificate -- while this is not strictly required, it is highly recommend. If you are converting your site to use SSL/HTTPS now, [we have a detailed guide to help you here](http://docs.givewp.com/ssl).
 
+### Development Requirements
+* Node 10 (not compatible with 11+)
+* Composer
+
 ### Automatic installation
 
 Automatic installation is the easiest option as WordPress handles the file transfers itself and you don't need to leave your web browser. To do an automatic install of Give, log in to your WordPress dashboard, navigate to the Plugins menu and click "Add New".
@@ -60,6 +64,8 @@ Give relies on several npm commands to get you started:
 * `npm run dev` - Runs a one time build for development. No production files are created.
 * `npm run production` - Builds the minified production files for release.
 
+##### Note only compatible with Node 10
+
 ### Development Notes
 
 * Ensure that you have `SCRIPT_DEBUG` enabled within your wp-config.php file. Here's a good example of wp-config.php for debugging:

assets/src/css/admin/_components.admin-header.scss

@@ -0,0 +1,156 @@
+/*--------------------------------------------------------------
+# Admin
+--------------------------------------------------------------*/
+
+.post-type-give_forms,
+.give_forms_page_give-subscriptions {
+
+	.wp-header-end + .notice {
+		margin-top: 11px;
+	}
+
+	// Main heading.
+	.wp-heading-inline,
+	#give-subscription-list-h1,
+	#give-subscription-details-h1 {
+		margin: 0;
+		padding: 10px 0;
+
+		// Give icon.
+		&:before {
+			background: url('../../images/give-icon-full-circle.svg');
+			width: 30px;
+			height: 30px;
+			content: ' ';
+			display: block;
+			float: left;
+			margin-right: 12px;
+		}
+
+	}
+
+	// Remove padding so admin banner can stretch full width.
+	#wpcontent {
+		padding: 0;
+	}
+
+	// Add padding to #wpbody accept on builder and settings screens.
+	#wpbody {
+		color: #000;
+		padding-left: 20px;
+		position: relative;
+
+		// Create a faux toolbar to position at the top of edit pages.
+		&:after {
+			content: '';
+			background-color: #FFF;
+			border-bottom: 1px solid #DBDBDB;
+			height: 72px;
+			left: 0;
+			top: 46px;
+			position: absolute;
+			width: 100%;
+			z-index: -1;
+
+			@media(min-width: 601px) {
+				top: 0;
+			}
+		}
+
+		.wrap:not(.give-settings-page) {
+			margin-top: 12px;
+		}
+
+		.wp-header-end {
+			margin-top: 6px;
+
+			@media(min-width: 601px) {
+				margin-top: 15px;
+			}
+		}
+	}
+
+	// Some list tables without the filter container need more margin.
+	&.give_forms_page_give-donors,
+	&.give_forms_page_give-subscriptions
+	{
+
+		#wpbody .wp-header-end {
+			@media(min-width: 601px) {
+				margin-top: 25px;
+			}
+		}
+	}
+
+	// Hide the original Screen Options tab since we added our own.
+	#wpbody #screen-meta-links {
+		display: none;
+	}
+
+	@media(min-width: 783px) {
+		// Style screen options drawer to blend in with background.
+		#screen-meta {
+			background-color: #FFF;
+			border: 0;
+			margin: 0;
+		}
+
+		// Position screen options in the top of the WPBR admin banner.
+		#screen-meta-links {
+			position: absolute;
+			top: 0;
+			right: 0;
+			z-index: 1;
+		}
+
+		// Position search box within the faux toolbar.
+		p.search-box {
+			margin: 0;
+			position: absolute;
+			top: 22px;
+			right: 20px;
+		}
+	}
+
+	#subscribers-filter {
+		margin-top: 15px;
+	}
+
+}
+
+// The subheader is used on pages like Donations > Add-ons.
+.give-subheader {
+	background: #FFF;
+	margin: 0 0 0 -22px;
+	padding: 12px 20px;
+
+	.give-subheader-right-text {
+		float: right;
+		font-size: 13px;
+		line-height: 22px;
+		font-style: italic;
+		color: #555555;
+		margin: 0;
+		padding: 0;
+	}
+
+	h1 {
+		float: left;
+		font-size: 15px;
+		line-height: 22px;
+		color: #555555;
+		font-weight: 600;
+		margin: 0;
+		padding: 0;
+	}
+
+	@media(max-width: 700px) {
+		text-align: center;
+
+		.give-subheader-right-text,
+		h1 {
+			float: none;
+		}
+	}
+
+}