Jetpack Dashboard: disable VideoPress card in offline mode (#34465)

Fully disable VideoPress card on Jetpack Dashboard in Offline Mode.

projects/plugins/jetpack/_inc/client/at-a-glance/style.scss

@@ -39,6 +39,10 @@
 			padding: 0;
 		}
 	}
+
+	.jp-dash-item__content .jp-support-info {
+		top: auto;
+	}
 }
 
 .jp-dash-section-header.jp-dash-section-header-stats {
@@ -672,7 +676,7 @@ a.jp-dash-item__manage-in-wpcom,
 			display: flex;
 			flex-direction: row;
 		}
-		
+
 		.dash-backup-undo__activity-log-user-meta-avatar {
 			display: flex;
 			margin-right: 8px;

projects/plugins/jetpack/_inc/client/at-a-glance/videopress.jsx

@@ -75,7 +75,7 @@ class DashVideoPress extends Component {
 						/* dummy arg to avoid bad minification */ 0
 				  );
 
-		if ( this.props.getOptionValue( 'videopress' ) && hasConnectedOwner ) {
+		if ( this.props.getOptionValue( 'videopress' ) && hasConnectedOwner && ! isOffline ) {
 			return (
 				<DashItem
 					className="jp-dash-item__videopress"

projects/plugins/jetpack/_inc/client/components/dash-item/index.jsx

@@ -69,7 +69,17 @@ export class DashItem extends Component {
 		if ( '' !== this.props.module ) {
 			toggle =
 				( includes(
-					[ 'monitor', 'protect', 'photon', 'vaultpress', 'scan', 'backups', 'akismet', 'search' ],
+					[
+						'monitor',
+						'protect',
+						'photon',
+						'vaultpress',
+						'scan',
+						'backups',
+						'akismet',
+						'search',
+						'videopress',
+					],
 					this.props.module
 				) &&
 					this.props.isOfflineMode ) ||

projects/plugins/jetpack/changelog/fix-videopress-card-offline-mode

@@ -0,0 +1,4 @@
+Significance: patch
+Type: bugfix
+
+Dashboard: disable VideoPress card in offline mode.