diff --git a/src/components/NcInputField/NcInputField.vue b/src/components/NcInputField/NcInputField.vue index c0d4f64a5b..ea5e50ddb2 100644 --- a/src/components/NcInputField/NcInputField.vue +++ b/src/components/NcInputField/NcInputField.vue @@ -371,7 +371,7 @@ export default { 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); border-radius: var(--border-radius-large); cursor: pointer; @@ -386,7 +386,7 @@ export default { &:active:not([disabled]), &:hover:not([disabled]), &:focus:not([disabled]) { - border-color: 2px solid var(--color-main-text) !important; + border: 2px solid var(--color-main-text) !important; box-shadow: 0 0 0 2px var(--color-main-background) !important; } diff --git a/src/components/NcSelect/NcSelect.vue b/src/components/NcSelect/NcSelect.vue index 8b8c2651e0..20ad62e877 100644 --- a/src/components/NcSelect/NcSelect.vue +++ b/src/components/NcSelect/NcSelect.vue @@ -1149,7 +1149,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); @@ -1226,6 +1226,7 @@ body { } &.vs--open .vs__dropdown-toggle { + border-width: 2px; outline: 2px solid var(--color-main-background); border-color: var(--color-main-text); border-bottom-color: transparent; @@ -1301,6 +1302,7 @@ body { .vs__dropdown-menu { border-color: var(--color-main-text) !important; + border-width: 2px; outline: none !important; box-shadow: -2px 0 0 var(--color-main-background), // Right diff --git a/src/components/NcTextArea/NcTextArea.vue b/src/components/NcTextArea/NcTextArea.vue index 908c8b9551..d6ee1a86ed 100644 --- a/src/components/NcTextArea/NcTextArea.vue +++ b/src/components/NcTextArea/NcTextArea.vue @@ -311,6 +311,7 @@ export default { border-radius: var(--border-radius-large); margin-block-start: 6px; // for the label in active state resize: vertical; + box-sizing: border-box; &__main-wrapper { position: relative; @@ -331,7 +332,7 @@ export default { 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); border-radius: var(--border-radius-large); cursor: pointer; @@ -339,7 +340,7 @@ export default { &:active:not([disabled]), &:hover:not([disabled]), &:focus:not([disabled]) { - border-color: 2px solid var(--color-main-text) !important; + border: 2px solid var(--color-main-text) !important; box-shadow: 0 0 0 2px var(--color-main-background) !important; }