Subscriptions: simplify access panel css (#35163)

Author: simison

projects/plugins/jetpack/changelog/update-subscriptions-acccess-simplify-css

@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+Subscribe block: simplify access panel CSS

projects/plugins/jetpack/extensions/shared/memberships/settings.js

@@ -155,8 +155,8 @@ export function NewsletterAccessRadioButtons( {
 	} );
 
 	return (
-		<fieldset className="editor-post-visibility__fieldset jetpack-newsletter-access-radio-buttons">
-			<VisuallyHidden as="legend">{ __( 'Audience', 'jetpack' ) } </VisuallyHidden>
+		<fieldset className="jetpack-newsletter-access-radio-buttons">
+			<VisuallyHidden as="legend">{ __( 'Access', 'jetpack' ) } </VisuallyHidden>
 			<RadioControl
 				onChange={ value => {
 					if (
@@ -276,20 +276,18 @@ export function NewsletterAccessDocumentSettings( { accessLevel } ) {
 							</div>
 						</>
 					) }
-					<PanelRow className="edit-post-post-visibility">
+					<PanelRow>
 						<Flex direction="column">
 							{ showMisconfigurationWarning && <MisconfigurationWarning /> }
 							<FlexBlock direction="row" justify="flex-start">
 								{ canEdit && (
-									<div className="editor-post-visibility">
-										<NewsletterAccessRadioButtons
-											isEditorPanel={ true }
-											accessLevel={ _accessLevel }
-											stripeConnectUrl={ stripeConnectUrl }
-											hasTierPlans={ hasTierPlans }
-											postHasPaywallBlock={ foundPaywallBlock }
-										/>
-									</div>
+									<NewsletterAccessRadioButtons
+										isEditorPanel={ true }
+										accessLevel={ _accessLevel }
+										stripeConnectUrl={ stripeConnectUrl }
+										hasTierPlans={ hasTierPlans }
+										postHasPaywallBlock={ foundPaywallBlock }
+									/>
 								) }
 
 								{ /* Display the uneditable access level when the user doesn't have edit privileges*/ }

projects/plugins/jetpack/extensions/shared/memberships/settings.scss

@@ -29,28 +29,6 @@
 			}
 		}
 	}
-
-	.edit-post-post-visibility {
-		display: block;
-		* {
-			text-wrap: pretty;
-		}
-
-		&__notice {
-			&.is-info {
-				background: #e9f0f5;
-				border-left-color: #e9f0f5;
-			}
-		}
-
-		.components-notice__content {
-			margin-right: 0;
-		}
-
-		.components-button {
-			margin-top: 10px;
-		}
-	}
 }
 
 .jetpack-editor-post-tiers {