From 3b034554a39484315b1a6e905e90efdeec60a311 Mon Sep 17 00:00:00 2001 From: tugcekucukoglu Date: Mon, 4 Mar 2024 09:26:22 +0300 Subject: [PATCH] Landing input icon theme fixes --- .../styles/landing/themes/aura-dark-green/theme.css | 10 ++++------ .../styles/landing/themes/aura-light-green/theme.css | 10 ++++------ .../landing/themes/bootstrap4-dark-blue/theme.css | 12 ++++-------- .../landing/themes/bootstrap4-light-blue/theme.css | 12 ++++-------- .../styles/landing/themes/lara-dark-green/theme.css | 10 ++++------ .../styles/landing/themes/lara-light-green/theme.css | 10 ++++------ .../styles/landing/themes/md-dark-indigo/theme.css | 12 ++++-------- .../styles/landing/themes/md-light-indigo/theme.css | 12 ++++-------- 8 files changed, 32 insertions(+), 56 deletions(-) diff --git a/public/styles/landing/themes/aura-dark-green/theme.css b/public/styles/landing/themes/aura-dark-green/theme.css index 6abf5688c..ff188296c 100644 --- a/public/styles/landing/themes/aura-dark-green/theme.css +++ b/public/styles/landing/themes/aura-dark-green/theme.css @@ -177,23 +177,21 @@ .landing-themes .p-float-label > .p-invalid + label { color: #FCA5A5; } -.landing-themes .p-input-icon-left > svg:first-of-type, -.landing-themes .p-input-icon-left > i:first-of-type { +.landing-themes > .p-icon-field-left > .p-input-icon:first-of-type { left: 0.75rem; color: #a1a1aa; } -.landing-themes .p-input-icon-left > .p-inputtext { +.landing-themes .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } .landing-themes .p-input-icon-left.p-float-label > label { left: 2.5rem; } -.landing-themes .p-input-icon-right > svg:last-of-type, -.landing-themes .p-input-icon-right > i:last-of-type { +.landing-themes > .p-icon-field-right > .p-input-icon:last-of-type { right: 0.75rem; color: #a1a1aa; } -.landing-themes .p-input-icon-right > .p-inputtext { +.landing-themes .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } .landing-themes ::-webkit-input-placeholder { diff --git a/public/styles/landing/themes/aura-light-green/theme.css b/public/styles/landing/themes/aura-light-green/theme.css index 0458c8d8e..e30f06ab6 100644 --- a/public/styles/landing/themes/aura-light-green/theme.css +++ b/public/styles/landing/themes/aura-light-green/theme.css @@ -177,23 +177,21 @@ .landing-themes .p-float-label > .p-invalid + label { color: #f87171; } -.landing-themes .p-input-icon-left > svg:first-of-type, -.landing-themes .p-input-icon-left > i:first-of-type { +.landing-themes > .p-icon-field-left > .p-input-icon:first-of-type { left: 0.75rem; color: #94a3b8; } -.landing-themes .p-input-icon-left > .p-inputtext { +.landing-themes .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } .landing-themes .p-input-icon-left.p-float-label > label { left: 2.5rem; } -.landing-themes .p-input-icon-right > svg:last-of-type, -.landing-themes .p-input-icon-right > i:last-of-type { +.landing-themes .p-icon-field-right > .p-input-icon:last-of-type { right: 0.75rem; color: #94a3b8; } -.landing-themes .p-input-icon-right > .p-inputtext { +.landing-themes .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } .landing-themes ::-webkit-input-placeholder { diff --git a/public/styles/landing/themes/bootstrap4-dark-blue/theme.css b/public/styles/landing/themes/bootstrap4-dark-blue/theme.css index 592b88056..f3e415322 100644 --- a/public/styles/landing/themes/bootstrap4-dark-blue/theme.css +++ b/public/styles/landing/themes/bootstrap4-dark-blue/theme.css @@ -485,25 +485,21 @@ .landing-themes .p-float-label > label.p-error { color: #f19ea6; } -.landing-themes .p-input-icon-left > i:first-of-type, -.landing-themes .p-input-icon-left > svg:first-of-type, -.landing-themes .p-input-icon-left > .p-input-prefix { +.landing-themes > .p-icon-field-left > .p-input-icon:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } -.landing-themes .p-input-icon-left > .p-inputtext { +.landing-themes .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } .landing-themes .p-input-icon-left.p-float-label > label { left: 2.5rem; } -.landing-themes .p-input-icon-right > i:last-of-type, -.landing-themes .p-input-icon-right > svg:last-of-type, -.landing-themes .p-input-icon-right > .p-input-suffix { +.landing-themes .p-icon-field-right > .p-input-icon:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } -.landing-themes .p-input-icon-right > .p-inputtext { +.landing-themes .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } .landing-themes ::-webkit-input-placeholder { diff --git a/public/styles/landing/themes/bootstrap4-light-blue/theme.css b/public/styles/landing/themes/bootstrap4-light-blue/theme.css index 4b0f26998..22686b19f 100644 --- a/public/styles/landing/themes/bootstrap4-light-blue/theme.css +++ b/public/styles/landing/themes/bootstrap4-light-blue/theme.css @@ -481,25 +481,21 @@ .landing-themes .p-float-label > label.p-error { color: #dc3545; } -.landing-themes .p-input-icon-left > i:first-of-type, -.landing-themes .p-input-icon-left > svg:first-of-type, -.landing-themes .p-input-icon-left > .p-input-prefix { +.landing-themes > .p-icon-field-left > .p-input-icon:first-of-type { left: 0.75rem; color: #495057; } -.landing-themes .p-input-icon-left > .p-inputtext { +.landing-themes .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } .landing-themes .p-input-icon-left.p-float-label > label { left: 2.5rem; } -.landing-themes .p-input-icon-right > i:last-of-type, -.landing-themes .p-input-icon-right > svg:last-of-type, -.landing-themes .p-input-icon-right > .p-input-suffix { +.landing-themes .p-icon-field-right > .p-input-icon:last-of-type { right: 0.75rem; color: #495057; } -.landing-themes .p-input-icon-right > .p-inputtext { +.landing-themes .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } .landing-themes ::-webkit-input-placeholder { diff --git a/public/styles/landing/themes/lara-dark-green/theme.css b/public/styles/landing/themes/lara-dark-green/theme.css index 30f2833db..3dba77fd4 100644 --- a/public/styles/landing/themes/lara-dark-green/theme.css +++ b/public/styles/landing/themes/lara-dark-green/theme.css @@ -100,23 +100,21 @@ .landing-themes .p-float-label > .p-invalid + label { color: #FCA5A5; } -.landing-themes .p-input-icon-left > svg:first-of-type, -.landing-themes .p-input-icon-left > i:first-of-type { +.landing-themes > .p-icon-field-left > .p-input-icon:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } -.landing-themes .p-input-icon-left > .p-inputtext { +.landing-themes .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } .landing-themes .p-input-icon-left.p-float-label > label { left: 2.5rem; } -.landing-themes .p-input-icon-right > svg:last-of-type, -.landing-themes .p-input-icon-right > i:last-of-type { +.landing-themes .p-icon-field-right > .p-input-icon:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } -.landing-themes .p-input-icon-right > .p-inputtext { +.landing-themes .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } .landing-themes ::-webkit-input-placeholder { diff --git a/public/styles/landing/themes/lara-light-green/theme.css b/public/styles/landing/themes/lara-light-green/theme.css index 9c8d02bab..f0bc54428 100644 --- a/public/styles/landing/themes/lara-light-green/theme.css +++ b/public/styles/landing/themes/lara-light-green/theme.css @@ -100,23 +100,21 @@ .landing-themes .p-float-label > .p-invalid + label { color: #e24c4c; } - .landing-themes .p-input-icon-left > svg:first-of-type, - .landing-themes .p-input-icon-left > i:first-of-type { + .landing-themes > .p-icon-field-left > .p-input-icon:first-of-type { left: 0.75rem; color: #6b7280; } - .landing-themes .p-input-icon-left > .p-inputtext { + .landing-themes .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } .landing-themes .p-input-icon-left.p-float-label > label { left: 2.5rem; } - .landing-themes .p-input-icon-right > svg:last-of-type, - .landing-themes .p-input-icon-right > i:last-of-type { + .landing-themes .p-icon-field-right > .p-input-icon:last-of-type { right: 0.75rem; color: #6b7280; } - .landing-themes .p-input-icon-right > .p-inputtext { + .landing-themes .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } .landing-themes ::-webkit-input-placeholder { diff --git a/public/styles/landing/themes/md-dark-indigo/theme.css b/public/styles/landing/themes/md-dark-indigo/theme.css index 7cda92ee6..ef5ebfcfe 100644 --- a/public/styles/landing/themes/md-dark-indigo/theme.css +++ b/public/styles/landing/themes/md-dark-indigo/theme.css @@ -505,25 +505,21 @@ .landing-themes .p-float-label > label.p-error { color: #f44435; } -.landing-themes .p-input-icon-left > i:first-of-type, -.landing-themes .p-input-icon-left > svg:first-of-type, -.landing-themes .p-input-icon-left > .p-input-prefix { +.landing-themes > .p-icon-field-left > .p-input-icon:first-of-type { left: 1rem; color: rgba(255, 255, 255, 0.6); } -.landing-themes .p-input-icon-left > .p-inputtext { +.landing-themes .p-icon-field-left > .p-inputtext { padding-left: 3rem; } .landing-themes .p-input-icon-left.p-float-label > label { left: 3rem; } -.landing-themes .p-input-icon-right > i:last-of-type, -.landing-themes .p-input-icon-right > svg:last-of-type, -.landing-themes .p-input-icon-right > .p-input-suffix { +.landing-themes .p-icon-field-right > .p-input-icon:last-of-type { right: 1rem; color: rgba(255, 255, 255, 0.6); } -.landing-themes .p-input-icon-right > .p-inputtext { +.landing-themes .p-icon-field-right > .p-inputtext { padding-right: 3rem; } .landing-themes ::-webkit-input-placeholder { diff --git a/public/styles/landing/themes/md-light-indigo/theme.css b/public/styles/landing/themes/md-light-indigo/theme.css index d84fba5c9..557029458 100644 --- a/public/styles/landing/themes/md-light-indigo/theme.css +++ b/public/styles/landing/themes/md-light-indigo/theme.css @@ -487,25 +487,21 @@ .landing-themes .p-float-label > label.p-error { color: #B00020; } -.landing-themes .p-input-icon-left > i:first-of-type, -.landing-themes .p-input-icon-left > svg:first-of-type, -.landing-themes .p-input-icon-left > .p-input-prefix { +.landing-themes > .p-icon-field-left > .p-input-icon:first-of-type { left: 1rem; color: rgba(0, 0, 0, 0.6); } -.landing-themes .p-input-icon-left > .p-inputtext { +.landing-themes .p-icon-field-left > .p-inputtext { padding-left: 3rem; } .landing-themes .p-input-icon-left.p-float-label > label { left: 3rem; } -.landing-themes .p-input-icon-right > i:last-of-type, -.landing-themes .p-input-icon-right > svg:last-of-type, -.landing-themes .p-input-icon-right > .p-input-suffix { +.landing-themes > .p-icon-field-right > .p-input-icon:last-of-type { right: 1rem; color: rgba(0, 0, 0, 0.6); } -.landing-themes .p-input-icon-right > .p-inputtext { +.landing-themes .p-icon-field-right > .p-inputtext { padding-right: 3rem; } .landing-themes ::-webkit-input-placeholder {