Fix styles for input fields on focus state

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
This commit is contained in:
julia.kirschenheuter 2023-11-03 15:04:47 +01:00
parent 4154ba343b
commit 7f5f93268c
6 changed files with 25 additions and 8 deletions

View file

@ -58,10 +58,14 @@
</ul>
</div>
<div v-if="contactsAppEnabled" class="contactsmenu__menu__content__footer">
<NcButton type="tertiary" :href="contactsAppURL">{{ t('core', 'Show all contacts') }}</NcButton>
<NcButton type="tertiary" :href="contactsAppURL">
{{ t('core', 'Show all contacts') }}
</NcButton>
</div>
<div v-else-if="canInstallApp" class="contactsmenu__menu__content__footer">
<NcButton type="tertiary" :href="contactsAppMgmtURL">{{ t('core', 'Install the Contacts app') }}</NcButton>
<NcButton type="tertiary" :href="contactsAppMgmtURL">
{{ t('core', 'Install the Contacts app') }}
</NcButton>
</div>
</div>
</div>
@ -170,6 +174,13 @@ export default {
width: 100%;
height: 34px;
margin: 8px 0;
&:focus,
&:focus-visible,
&:active {
border-color: 2px solid var(--color-main-text) !important;
box-shadow: 0 0 0 2px var(--color-main-background) !important;
}
}
&__content {

View file

@ -762,6 +762,12 @@ $input-padding: 6px;
&__form-input {
margin: 0 !important;
&:focus,
&:focus-visible,
&:active {
border-color: 2px solid var(--color-main-text) !important;
box-shadow: 0 0 0 2px var(--color-main-background) !important;
}
}
&__input-row {

4
dist/core-main.js vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long