fix: adjust styles with new NcEmptyContent styles

- Remove unnecessary margin:0 styles Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
nextcloud-libraries · Sep 7, 2023 · a485280 · a485280
1 parent f969cab
commit a485280
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 22 deletions.
diff --git a/src/components/NcDashboardWidget/NcDashboardWidget.vue b/src/components/NcDashboardWidget/NcDashboardWidget.vue
@@ -351,11 +351,9 @@ export default {
 <style scoped lang="scss">
 .dashboard-widget :deep(.empty-content) {
 	text-align: center;
-	margin-top: 0;
 	padding-top: 5vh;
 	&.half-screen {
 		padding-top: 0;
-		margin-top: 0;
 		margin-bottom: 1vh;
 	}
 }

diff --git a/src/components/NcRichText/NcReferencePicker/NcProviderList.vue b/src/components/NcRichText/NcReferencePicker/NcProviderList.vue
@@ -111,11 +111,6 @@ export default {
 	display: flex;
 	flex-direction: column;
 
-	&--empty-content {
-		margin-top: auto !important;
-		margin-bottom: auto !important;
-	}
-
 	&--select {
 		width: 100%;
 

diff --git a/src/components/NcRichText/NcReferencePicker/NcRawLinkInput.vue b/src/components/NcRichText/NcReferencePicker/NcRawLinkInput.vue
@@ -137,16 +137,11 @@ export default {
 		display: flex;
 	}
 
-	&--empty-content {
-		margin-top: auto !important;
-		margin-bottom: auto !important;
-
-		.provider-icon {
-			width: 150px;
-			height: 150px;
-			object-fit: contain;
-			filter: var(--background-invert-if-dark);
-		}
+	&--empty-content .provider-icon {
+		width: 150px;
+		height: 150px;
+		object-fit: contain;
+		filter: var(--background-invert-if-dark);
 	}
 
 	&--input {

diff --git a/src/components/NcRichText/NcReferencePicker/NcSearch.vue b/src/components/NcRichText/NcReferencePicker/NcSearch.vue
@@ -293,11 +293,6 @@ export default {
 		min-height: 400px;
 	}
 
-	&--empty-content {
-		margin-top: auto !important;
-		margin-bottom: auto !important;
-	}
-
 	.provider-icon {
 		width: 150px;
 		height: 150px;