pkp/pkp-lib#8880 Style adjustments to submissions table to match mockups

Vitaliy-1 · Aug 10, 2023 · 42b0e28 · 42b0e28
1 parent b8be5af
commit 42b0e28
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 9 deletions.
diff --git a/src/components/Button/Button.vue b/src/components/Button/Button.vue
@@ -108,7 +108,6 @@ export default {
 	text-transform: uppercase;
 	box-shadow: none;
 	border-color: transparent;
-	text-decoration: underline;
 	background: transparent;
 
 	&:hover {

diff --git a/src/components/Container/SubmissionsPage.vue b/src/components/Container/SubmissionsPage.vue
@@ -317,6 +317,7 @@ export default {
 }
 
 .submissions__views {
+	justify-self: stretch;
 	border-inline-end: @bg-border-light;
 }
 
@@ -339,10 +340,10 @@ export default {
 	display: flex;
 	width: 100%;
 	align-items: center;
-	gap: 1rem;
+	gap: 0.75rem;
 	border: none;
 	background: transparent;
-	padding: 1rem;
+	padding: 0.75rem 1rem;
 
 	&:hover {
 		background: @bg-very-light;
@@ -356,9 +357,9 @@ export default {
 .submissions__view__count {
 	display: inline-block;
 	text-align: center;
-	height: 2rem;
-	line-height: 2rem;
-	min-width: 2rem;
+	height: 1.5rem;
+	line-height: 1.5rem;
+	min-width: 1.5rem;
 	padding-left: 0.4em;
 	padding-right: 0.4em;
 	outline: 1px solid;

diff --git a/src/components/Pagination/Pagination.vue b/src/components/Pagination/Pagination.vue
@@ -207,6 +207,7 @@ export default {
 		padding-inline-end: 0.5rem;
 		text-decoration: none;
 		color: @text;
+		font-weight: @normal;
 
 		&[aria-current='true'] {
 			font-weight: @bold;

diff --git a/src/components/Table/Table.vue b/src/components/Table/Table.vue
@@ -28,7 +28,7 @@
 
 	td,
 	th {
-		padding: 0.75rem;
+		padding: 0.5rem 1rem;
 		font-weight: @normal;
 		text-align: inherit;
 

diff --git a/src/docs/components/SubmissionsPage/previews/PreviewSubmissionsPage.vue b/src/docs/components/SubmissionsPage/previews/PreviewSubmissionsPage.vue
@@ -26,7 +26,7 @@
 			</div>
 			<div class="submissions__list">
 				<div class="submissions__list__top">
-					<pkp-button :is-primary="true">Start a New Submission</pkp-button>
+					<pkp-button>Start a New Submission</pkp-button>
 				</div>
 				<h1 class="submissions__list__title" id="table-title">
 					{{ currentView.name }}
@@ -106,9 +106,10 @@
 						<table-cell>
 							<pkp-button
 								class="submissions__list__item__view"
+								:is-link="true"
 								@click="openSummary(submission)"
 							>
-								View Summary
+								Summary
 							</pkp-button>
 						</table-cell>
 					</tr>
@@ -320,4 +321,10 @@ export default {
 
 <style lang="less">
 @import '../../../../styles/_import';
+
+.component--SubmissionsPage .component__exampleWrapper {
+	padding-top: 0;
+	padding-bottom: 0;
+	padding-left: 0;
+}
 </style>