From fa178db683c5a32a0e227f76eb3d7f9f7abcb537 Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Wed, 13 May 2020 02:25:52 +0300 Subject: [PATCH] Fixed dropdown clear icon location --- public/themes/luna-amber/theme.css | 4 ++-- public/themes/luna-green/theme.css | 4 ++-- public/themes/luna-pink/theme.css | 4 ++-- public/themes/nova-colored/theme.css | 4 ++-- public/themes/nova-dark/theme.css | 4 ++-- public/themes/nova-light/theme.css | 4 ++-- public/themes/nova-vue/theme.css | 4 ++-- public/themes/rhea/theme.css | 4 ++-- public/themes/saga-blue/theme.css | 4 ++-- public/themes/saga-cyan/theme.css | 4 ++-- public/themes/saga-deeppurple/theme.css | 4 ++-- public/themes/saga-green/theme.css | 4 ++-- public/themes/saga-indigo/theme.css | 4 ++-- public/themes/saga-orange/theme.css | 4 ++-- public/themes/saga-purple/theme.css | 4 ++-- public/themes/saga-teal/theme.css | 4 ++-- public/themes/vela-blue/theme.css | 4 ++-- public/themes/vela-cyan/theme.css | 4 ++-- public/themes/vela-deeppurple/theme.css | 4 ++-- public/themes/vela-green/theme.css | 4 ++-- public/themes/vela-indigo/theme.css | 4 ++-- public/themes/vela-orange/theme.css | 4 ++-- public/themes/vela-purple/theme.css | 4 ++-- public/themes/vela-teal/theme.css | 4 ++-- src/views/dropdown/DropdownDemo.vue | 2 +- src/views/dropdown/DropdownDoc.vue | 2 +- 26 files changed, 50 insertions(+), 50 deletions(-) diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 745328b6b..c9badf224 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 1.858rem; + padding-right: 1.429rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #9b9b9b; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #dedede; - right: 2.786rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index d953bd788..a2473169e 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 1.858rem; + padding-right: 1.429rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #9b9b9b; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #dedede; - right: 2.786rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index c1f0795db..81383bbee 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 1.858rem; + padding-right: 1.429rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #9b9b9b; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #dedede; - right: 2.786rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css index 28fc932a2..117f90ef9 100644 --- a/public/themes/nova-colored/theme.css +++ b/public/themes/nova-colored/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 1.858rem; + padding-right: 1.429rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #666666; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #848484; - right: 2.786rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css index 02a9a09a5..9bdf760cb 100644 --- a/public/themes/nova-dark/theme.css +++ b/public/themes/nova-dark/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 1.858rem; + padding-right: 1.429rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #666666; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #848484; - right: 2.786rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css index 76c83bf62..1eb57734d 100644 --- a/public/themes/nova-light/theme.css +++ b/public/themes/nova-light/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 1.858rem; + padding-right: 1.429rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #666666; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #848484; - right: 2.786rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 37616354e..94247d080 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 1.858rem; + padding-right: 1.429rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #666666; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #848484; - right: 2.786rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 95dca200e..f400020ab 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 1.858rem; + padding-right: 1.429rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #a6a6a6; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #666666; - right: 2.786rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 0b82b49f7..9aa4091f0 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #9ba2aa; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css index 0c6a1ebb5..ba3b1dd8d 100644 --- a/public/themes/saga-cyan/theme.css +++ b/public/themes/saga-cyan/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #9ba2aa; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css index 2961a6411..a89e9fe5b 100644 --- a/public/themes/saga-deeppurple/theme.css +++ b/public/themes/saga-deeppurple/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #9ba2aa; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 5945c1820..572e692f7 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #9ba2aa; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css index ee2e3983e..5e8231dd6 100644 --- a/public/themes/saga-indigo/theme.css +++ b/public/themes/saga-indigo/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #9ba2aa; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 18ef7e141..ac94d6bf4 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #9ba2aa; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index f2785d59d..34765c6ef 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #9ba2aa; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css index a5f0911aa..6d2c11cac 100644 --- a/public/themes/saga-teal/theme.css +++ b/public/themes/saga-teal/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #9ba2aa; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 6fcbf42e5..0db413cc8 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #aeb6bf; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #aeb6bf; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css index e30c1172a..3db25a8e1 100644 --- a/public/themes/vela-cyan/theme.css +++ b/public/themes/vela-cyan/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #aeb6bf; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #aeb6bf; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css index 9f82cff13..f6e540494 100644 --- a/public/themes/vela-deeppurple/theme.css +++ b/public/themes/vela-deeppurple/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #aeb6bf; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #aeb6bf; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 2fde28dec..9eebad49f 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #aeb6bf; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #aeb6bf; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css index 52d5f12a8..641079f3d 100644 --- a/public/themes/vela-indigo/theme.css +++ b/public/themes/vela-indigo/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #aeb6bf; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #aeb6bf; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index d06887956..8fd64817b 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #aeb6bf; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #aeb6bf; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 773ca6f01..6969683a7 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #aeb6bf; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #aeb6bf; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css index a01187afd..f0b3212c9 100644 --- a/public/themes/vela-teal/theme.css +++ b/public/themes/vela-teal/theme.css @@ -424,7 +424,7 @@ } .p-dropdown .p-dropdown-label { border: 0 none; - padding-right: 2rem; + padding-right: 1.5rem; } .p-dropdown .p-dropdown-label.p-placeholder { color: #aeb6bf; @@ -442,7 +442,7 @@ } .p-dropdown .p-dropdown-clear-icon { color: #aeb6bf; - right: 2.857rem; + right: 2.357rem; } .p-dropdown-panel { diff --git a/src/views/dropdown/DropdownDemo.vue b/src/views/dropdown/DropdownDemo.vue index 0c151c426..b45124930 100755 --- a/src/views/dropdown/DropdownDemo.vue +++ b/src/views/dropdown/DropdownDemo.vue @@ -98,7 +98,7 @@ export default { justify-content: flex-start; img { - width: 19px; + width: 17px; } } diff --git a/src/views/dropdown/DropdownDoc.vue b/src/views/dropdown/DropdownDoc.vue index 566963ba4..11bafb09f 100755 --- a/src/views/dropdown/DropdownDoc.vue +++ b/src/views/dropdown/DropdownDoc.vue @@ -379,7 +379,7 @@ export default { justify-content: flex-start; img { - width: 19px; + width: 17px; } }