enh(inputs): Reduce border width

Signed-off-by: Christopher Ng <chrng8@gmail.com>
nextcloud-libraries · May 9, 2023 · 1a0b32d · 1a0b32d
1 parent 70fa2ba
commit 1a0b32d
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 3 deletions.
diff --git a/src/components/NcActionInput/NcActionInput.vue b/src/components/NcActionInput/NcActionInput.vue
@@ -562,7 +562,7 @@ $input-margin: 4px;
 				width: 100%;
 				height: 36px;
 				border-radius: var(--border-radius-large);
-				border: 2px solid var(--color-border-maxcontrast);
+				border: 1px solid var(--color-border-maxcontrast);
 				box-shadow: none !important;
 			}
 		}

diff --git a/src/components/NcDateTimePickerNative/NcDateTimePickerNative.vue b/src/components/NcDateTimePickerNative/NcDateTimePickerNative.vue
@@ -378,5 +378,6 @@ export default {
 		width: 100%;
 		flex: 0 0 auto;
 		padding-right: 4px;
+		border: 1px solid var(--color-border-maxcontrast);
 	}
 </style>
diff --git a/src/components/NcDatetimePicker/NcDatetimePicker.vue b/src/components/NcDatetimePicker/NcDatetimePicker.vue
@@ -398,6 +398,7 @@ export default {
 <style lang="scss" scoped>
 .mx-datepicker :deep(.mx-input-wrapper .mx-input) {
 	background-clip: border-box;
+	border: 1px solid var(--color-border-maxcontrast);
 }
 
 .datetime-picker-inline-icon {

diff --git a/src/components/NcInputField/NcInputField.vue b/src/components/NcInputField/NcInputField.vue
@@ -322,7 +322,7 @@ export default {
 		font-size: var(--default-font-size);
 		background-color: var(--color-main-background);
 		color: var(--color-main-text);
-		border: 2px solid var(--color-border-maxcontrast);
+		border: 1px solid var(--color-border-maxcontrast);
 		height: 36px !important;
 		border-radius: var(--border-radius-large);
 		text-overflow: ellipsis;

diff --git a/src/components/NcSelect/NcSelect.vue b/src/components/NcSelect/NcSelect.vue
@@ -932,7 +932,7 @@ body {
 
 	/* Borders */
 	--vs-border-color: var(--color-border-maxcontrast);
-	--vs-border-width: 2px;
+	--vs-border-width: 1px;
 	--vs-border-style: solid;
 	--vs-border-radius: var(--border-radius-large);