← Back
Editing: NcInputField-o5OFv3z6-BYlw6Xsd.chunk.css
.material-design-icon[data-v-bfba6aa6]{display:flex;align-self:center;justify-self:center;align-items:center;justify-content:center}/*! * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */.input-field[data-v-bfba6aa6]{--input-border-color: var(--color-border-maxcontrast);--input-border-radius: var(--border-radius-element);--input-padding-start: var(--border-radius-element);--input-padding-end: var(--border-radius-element);position:relative;width:100%;margin-block-start:6px}.input-field--disabled[data-v-bfba6aa6]{opacity:.4;filter:saturate(.4)}.input-field--label-outside[data-v-bfba6aa6]{margin-block-start:0}.input-field--leading-icon[data-v-bfba6aa6]{--input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline))}.input-field--trailing-icon[data-v-bfba6aa6]{--input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline))}.input-field--pill[data-v-bfba6aa6]{--input-border-radius: var(--border-radius-pill)}.input-field__main-wrapper[data-v-bfba6aa6]{height:var(--default-clickable-area);padding:var(--border-width-input-focused, 2px);position:relative}.input-field__input[data-v-bfba6aa6]{--input-border-box-shadow-light: 0 -1px var(--input-border-color), 0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);--input-border-box-shadow-dark: 0 1px var(--input-border-color), 0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);--input-border-box-shadow: var(--input-border-box-shadow-light);border:none;border-radius:var(--border-radius-element);box-shadow:var(--input-border-box-shadow)}.input-field__input[data-v-bfba6aa6]:hover:not([disabled]){box-shadow:0 0 0 1px var(--input-border-color)}@media(prefers-color-scheme:dark){.input-field__input .input-field__input[data-v-bfba6aa6]{--input-border-box-shadow: var(--input-border-box-shadow-dark)}}[data-theme-dark] .input-field__input[data-v-bfba6aa6]{--input-border-box-shadow: var(--input-border-box-shadow-dark)}[data-theme-light] .input-field__input[data-v-bfba6aa6]{--input-border-box-shadow: var(--input-border-box-shadow-light)}.input-field--legacy .input-field__input[data-v-bfba6aa6]{box-shadow:0 0 0 1px var(--input-border-color)}.input-field--legacy .input-field__input[data-v-bfba6aa6]:hover:not([disabled]){box-shadow:0 0 0 2px var(--input-border-color)}.input-field__input[data-v-bfba6aa6]:focus-within:not([disabled]),.input-field__input[data-v-bfba6aa6]:active:not([disabled]){box-shadow:0 0 0 2px var(--input-border-color),0 0 0 4px var(--color-main-background)!important}.input-field__input[data-v-bfba6aa6]{background-color:var(--color-main-background);color:var(--color-main-text);border-radius:var(--input-border-radius);cursor:pointer;-webkit-appearance:textfield!important;-moz-appearance:textfield!important;appearance:textfield!important;font-size:var(--default-font-size);text-overflow:ellipsis;padding-block:0;padding-inline:var(--input-padding-start) var(--input-padding-end);height:100%!important;min-height:unset;width:100%}.input-field__input[data-v-bfba6aa6]::placeholder{color:var(--color-text-maxcontrast)}.input-field__input[data-v-bfba6aa6]::-webkit-search-cancel-button{display:none}.input-field__input[data-v-bfba6aa6]::-webkit-search-decoration,.input-field__input[data-v-bfba6aa6]::-webkit-search-results-button,.input-field__input[data-v-bfba6aa6]::-webkit-search-results-decoration,.input-field__input[data-v-bfba6aa6]::-ms-clear{display:none}.input-field__input[data-v-bfba6aa6]:active:not([disabled]),.input-field__input[data-v-bfba6aa6]:focus:not([disabled]){--input-border-color: var(--color-main-text)}.input-field__input:focus+.input-field__label[data-v-bfba6aa6],.input-field__input:hover:not(:placeholder-shown)+.input-field__label[data-v-bfba6aa6]{color:var(--color-main-text)}.input-field__input[data-v-bfba6aa6]:focus{cursor:text}.input-field__input[data-v-bfba6aa6]:disabled{cursor:default}.input-field__input[data-v-bfba6aa6]:focus-visible{box-shadow:unset!important}.input-field:not(.input-field--label-outside) .input-field__input[data-v-bfba6aa6]:not(:focus)::placeholder{opacity:0}.input-field__label[data-v-bfba6aa6]{--input-label-font-size: var(--default-font-size);font-size:var(--input-label-font-size);position:absolute;margin-inline:var(--input-padding-start) var(--input-padding-end);max-width:fit-content;inset-block-start:calc((var(--default-clickable-area) - 1lh) / 2);inset-inline:var(--border-width-input-focused, 2px);color:var(--color-text-maxcontrast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:height var(--animation-quick),inset-block-start var(--animation-quick),font-size var(--animation-quick),color var(--animation-quick),background-color var(--animation-quick) var(--animation-slow)}.input-field__input:focus+.input-field__label[data-v-bfba6aa6],.input-field__input:not(:placeholder-shown)+.input-field__label[data-v-bfba6aa6]{--input-label-font-size: 13px;line-height:1.5;inset-block-start:calc(-1.5 * var(--input-label-font-size) / 2);font-weight:500;border-radius:var(--default-grid-baseline) var(--default-grid-baseline) 0 0;background-color:var(--color-main-background);padding-inline:var(--default-grid-baseline);margin-inline:calc(var(--input-padding-start) - var(--default-grid-baseline)) calc(var(--input-padding-end) - var(--default-grid-baseline));transition:height var(--animation-quick),inset-block-start var(--animation-quick),font-size var(--animation-quick),color var(--animation-quick)}.input-field__icon[data-v-bfba6aa6]{position:absolute;height:var(--default-clickable-area);width:var(--default-clickable-area);display:flex;align-items:center;justify-content:center;opacity:.7;inset-block-end:0}.input-field__icon--leading[data-v-bfba6aa6]{inset-inline-start:0px}.input-field__icon--trailing[data-v-bfba6aa6]{inset-inline-end:0px}.input-field__trailing-button[data-v-bfba6aa6]{--button-size: calc(var(--default-clickable-area) - 2 * var(--border-width-input-focused, 2px)) !important;--button-radius: calc(var(--input-border-radius) - var(--border-width-input-focused, 2px))}.input-field__trailing-button.button-vue[data-v-bfba6aa6]{position:absolute;top:var(--border-width-input-focused, 2px);inset-inline-end:var(--border-width-input-focused, 2px)}.input-field__trailing-button.button-vue[data-v-bfba6aa6]:focus-visible{box-shadow:none!important}.input-field__helper-text-message[data-v-bfba6aa6]{padding-block:4px;padding-inline:var(--border-radius-element);display:flex;align-items:center;color:var(--color-text-maxcontrast);word-break:break-all}.input-field__helper-text-message__icon[data-v-bfba6aa6]{margin-inline-end:8px}.input-field--error .input-field__helper-text-message[data-v-bfba6aa6],.input-field--error .input-field__icon--trailing[data-v-bfba6aa6]{color:var(--color-text-error, var(--color-error))}.input-field--error .input-field__input[data-v-bfba6aa6],.input-field__input[data-v-bfba6aa6]:user-invalid{--input-border-color: var(--color-border-error, var(--color-error)) !important}.input-field--error .input-field__input[data-v-bfba6aa6]:focus-visible,.input-field__input[data-v-bfba6aa6]:user-invalid:focus-visible{box-shadow:#f8fafc 0 0 0 2px,var(--color-primary-element) 0 0 0 4px,#0000000d 0 1px 2px}.input-field--success .input-field__input[data-v-bfba6aa6]{--input-border-color: var(--color-border-success, var(--color-success)) !important}.input-field--success .input-field__input[data-v-bfba6aa6]:focus-visible{box-shadow:#f8fafc 0 0 0 2px,var(--color-primary-element) 0 0 0 4px,#0000000d 0 1px 2px}.input-field--success .input-field__helper-text-message__icon[data-v-bfba6aa6]{color:var(--color-border-success, var(--color-success))}
Save File
Cancel