diff options
| author | skjnldsv <skjnldsv@protonmail.com> | 2024-07-18 09:27:13 +0200 |
|---|---|---|
| committer | skjnldsv <skjnldsv@protonmail.com> | 2024-07-18 20:15:39 +0200 |
| commit | 320af319f9ec715a46e0c8f03007448413dd2568 (patch) | |
| tree | 1e2243761a29b23d3b435988007410e8fc141d2c /apps/files_sharing/src/components/NewFileRequestDialog.vue | |
| parent | 2c9440496958874ff79db2e1d1b11f6a29f45a73 (diff) | |
| download | nextcloud-server-320af319f9ec715a46e0c8f03007448413dd2568.tar.gz nextcloud-server-320af319f9ec715a46e0c8f03007448413dd2568.zip | |
fix(files_sharing): improve file request info messages
Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
Diffstat (limited to 'apps/files_sharing/src/components/NewFileRequestDialog.vue')
| -rw-r--r-- | apps/files_sharing/src/components/NewFileRequestDialog.vue | 22 |
1 files changed, 17 insertions, 5 deletions
diff --git a/apps/files_sharing/src/components/NewFileRequestDialog.vue b/apps/files_sharing/src/components/NewFileRequestDialog.vue index 4c476af9bc8..b943169963a 100644 --- a/apps/files_sharing/src/components/NewFileRequestDialog.vue +++ b/apps/files_sharing/src/components/NewFileRequestDialog.vue @@ -398,7 +398,7 @@ export default defineComponent({ }) </script> -<style scoped lang="scss"> +<style lang="scss"> .file-request-dialog { --margin: 18px; @@ -414,20 +414,32 @@ export default defineComponent({ margin-top: calc(-1 * var(--margin)); } - :deep(fieldset) { + fieldset { display: flex; flex-direction: column; width: 100%; margin-top: var(--margin); - :deep(legend) { + legend { display: flex; align-items: center; width: 100%; } } - :deep(.dialog__actions) { + // Using a NcNoteCard was a bit much sometimes. + // Using a simple paragraph instead does it. + &__info { + color: var(--color-text-maxcontrast); + padding-block: 4px; + display: flex; + align-items: center; + .file-request-dialog__info-icon { + margin-inline-end: 8px; + } + } + + .dialog__actions { width: auto; margin-inline: 12px; span.dialog__actions-separator { @@ -435,7 +447,7 @@ export default defineComponent({ } } - :deep(.input-field__helper-text-message) { + .input-field__helper-text-message { // reduce helper text standing out color: var(--color-text-maxcontrast); } |