Merge branch 'enhancement/style-updates' into develop

washingtonstateuniversity · Jul 13, 2021 · 9265613 · 9265613
2 parents dda87bc + 97ccda9
commit 9265613
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 4 deletions.
diff --git a/src/blocks/course-datetime/editor.css b/src/blocks/course-datetime/editor.css
@@ -0,0 +1,30 @@
+.post-type-wsuwp_hrs_courses {
+
+	& .course-meta {
+		padding-top: 1em;
+
+		& .components-base-control__label {
+			cursor: default;
+			font-weight: 700;
+			margin-bottom: 1px;
+		}
+
+		& .wp-block {
+			margin-bottom: var(--wp--preset--font-size--small);
+		}
+
+		& .block-editor-url-input input[type="text"],
+		& .block-editor-rich-text__editable {
+			display: block;
+			font-size: var(--wp--preset--font-size--small);
+			padding: 8px 8px 8px 12px;
+		}
+
+		& .block-editor-rich-text__editable:focus {
+			box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+			outline: 2px solid transparent;
+		}
+
+	}
+
+}
diff --git a/src/blocks/course-online/edit.js b/src/blocks/course-online/edit.js
@@ -40,9 +40,9 @@ export default function CourseLocationEdit( {
 			</InspectorControls>
 			<div className={ className }>
 				<div className={ 'components-base-control' }>
-					<p className="components-base-control__label">
+					<span className="components-base-control__label">
 						{ __( 'Online course URL' ) }
-					</p>
+					</span>
 				</div>
 				<URLInput
 					autoFocus={ false } // eslint-disable-line jsx-a11y/no-autofocus

diff --git a/src/blocks/course-video/edit.js b/src/blocks/course-video/edit.js
@@ -37,9 +37,9 @@ export default function CourseLocationEdit( {
 			</InspectorControls>
 			<div className={ className }>
 				<div className={ 'components-base-control' }>
-					<p className="components-base-control__label">
+					<span className="components-base-control__label">
 						{ __( 'Course video URL', 'wsuwp-hrs-courses' ) }
-					</p>
+					</span>
 				</div>
 				<URLInput
 					autoFocus={ false } // eslint-disable-line jsx-a11y/no-autofocus

diff --git a/src/blocks/editor.css b/src/blocks/editor.css
@@ -1,2 +1,3 @@
+@import "./course-datetime/editor.css";
 @import "./list-courses/editor.css";
 @import "./courses-list/editor.css";