fix(ui): use 100% for heights

This refrains elements to overflow when a parent container has set padding
lemredd · Jan 21, 2023 · 0a1f40e · 0a1f40e
1 parent 9c329b0
commit 0a1f40e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/src/components/CalculatorContainer.vue b/src/components/CalculatorContainer.vue
@@ -263,12 +263,10 @@ function revertToChosenHistory(historyItem: HistoryItem) {
 .calculator-container {
 	@apply p-1;
 	@apply flex flex-col justify-between;
-	min-height: 100vh;
+	height: 100%;
 }
 
 .screens {
-	position: relative;
-
 	.evaluation-screen-container {
 		@apply flex justify-end;
 	}

diff --git a/src/components/CalculatorContainer/HistoryContainer.vue b/src/components/CalculatorContainer/HistoryContainer.vue
@@ -125,10 +125,8 @@ function revertToChosenHistory(historyItem: HistoryItem) {
 	}
 
 	&.shown-by-default {
-		@apply p-2;
-		min-height: 100vh;
+		height: 100%;
 		max-height: 100vh;
-		overflow-y: scroll;
 
 		.header-text {
 			@apply block mb-2;