From 1f38fd041c0b9841911dcb0e2f169254b37dcb9f Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Mon, 15 Aug 2022 14:02:32 +0300 Subject: [PATCH] Add transition to listbox --- public/themes/arya-blue/theme.css | 1 + public/themes/arya-green/theme.css | 1 + public/themes/arya-orange/theme.css | 1 + public/themes/arya-purple/theme.css | 1 + public/themes/bootstrap4-dark-blue/theme.css | 1 + public/themes/bootstrap4-dark-purple/theme.css | 1 + public/themes/bootstrap4-light-blue/theme.css | 1 + public/themes/bootstrap4-light-purple/theme.css | 1 + public/themes/fluent-light/theme.css | 1 + public/themes/lara-dark-blue/theme.css | 1 + public/themes/lara-dark-indigo/theme.css | 1 + public/themes/lara-dark-purple/theme.css | 1 + public/themes/lara-dark-teal/theme.css | 1 + public/themes/lara-light-blue/theme.css | 1 + public/themes/lara-light-indigo/theme.css | 1 + public/themes/lara-light-purple/theme.css | 1 + public/themes/lara-light-teal/theme.css | 1 + public/themes/luna-amber/theme.css | 1 + public/themes/luna-blue/theme.css | 1 + public/themes/luna-green/theme.css | 1 + public/themes/luna-pink/theme.css | 1 + public/themes/md-dark-deeppurple/theme.css | 1 + public/themes/md-dark-indigo/theme.css | 1 + public/themes/md-light-deeppurple/theme.css | 1 + public/themes/md-light-indigo/theme.css | 1 + public/themes/mdc-dark-deeppurple/theme.css | 1 + public/themes/mdc-dark-indigo/theme.css | 1 + public/themes/mdc-light-deeppurple/theme.css | 1 + public/themes/mdc-light-indigo/theme.css | 1 + public/themes/nova-accent/theme.css | 1 + public/themes/nova-alt/theme.css | 1 + public/themes/nova-vue/theme.css | 1 + public/themes/nova/theme.css | 1 + public/themes/rhea/theme.css | 1 + public/themes/saga-blue/theme.css | 1 + public/themes/saga-green/theme.css | 1 + public/themes/saga-orange/theme.css | 1 + public/themes/saga-purple/theme.css | 1 + public/themes/tailwind-light/theme.css | 1 + public/themes/vela-blue/theme.css | 1 + public/themes/vela-green/theme.css | 1 + public/themes/vela-orange/theme.css | 1 + public/themes/vela-purple/theme.css | 1 + 43 files changed, 43 insertions(+) diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 5283d0734..a2743666f 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -1180,6 +1180,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index e66c2c556..4038866eb 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -1180,6 +1180,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 6e2fb77b2..5aa34bd75 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -1180,6 +1180,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index d3c34a8ca..c756b4ba3 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -1180,6 +1180,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index d5dade341..f847c33c4 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -1184,6 +1184,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #3f4b5b; border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.5rem; diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index 32b039d04..503dc2c05 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -1184,6 +1184,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #3f4b5b; border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.5rem; diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 86a3cb2d6..2390d0b3c 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -1184,6 +1184,7 @@ color: #212529; border: 1px solid #ced4da; border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.5rem; diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index dd0b6265b..a10ba79b5 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -1184,6 +1184,7 @@ color: #212529; border: 1px solid #ced4da; border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.5rem; diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index f8f133c2a..87dc9ed12 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -1180,6 +1180,7 @@ color: #323130; border: 1px solid #605e5c; border-radius: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 0.5rem; diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 7ff432160..272f00bf2 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -1180,6 +1180,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #0b213f; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index 50e3e38c5..a369599b8 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -1180,6 +1180,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #0b213f; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index 6d66bf67f..bff25b86a 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -1180,6 +1180,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #0b213f; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index eb71b1dcc..409a14f14 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -1180,6 +1180,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #0b213f; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index 91b93d725..f8d20c2ab 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -1180,6 +1180,7 @@ color: #495057; border: 1px solid #ced4da; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index fd8db0eab..7c884b1ed 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -1180,6 +1180,7 @@ color: #495057; border: 1px solid #ced4da; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index c76b8256d..81c0123c8 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -1180,6 +1180,7 @@ color: #495057; border: 1px solid #ced4da; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index 6c29f41d1..5af66a576 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -1180,6 +1180,7 @@ color: #495057; border: 1px solid #ced4da; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index cd8da6dba..47748c400 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -1184,6 +1184,7 @@ color: #dedede; border: 1px solid #4b4b4b; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index e4761cbfc..f72170438 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -1184,6 +1184,7 @@ color: #dedede; border: 1px solid #4b4b4b; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index c241bc690..88933c4a6 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -1184,6 +1184,7 @@ color: #dedede; border: 1px solid #4b4b4b; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index a7e0a4251..d20736f18 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -1184,6 +1184,7 @@ color: #dedede; border: 1px solid #4b4b4b; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index be74f2d42..599ed0afe 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -1204,6 +1204,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 1rem; diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index f0c1724f1..ecacbc7c6 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -1204,6 +1204,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 1rem; diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index cbb2cac12..b2d6d8bbb 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -1204,6 +1204,7 @@ color: rgba(0, 0, 0, 0.87); border: 1px solid #e5e5e5; border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 1rem; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 9c663457f..df26594af 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -1204,6 +1204,7 @@ color: rgba(0, 0, 0, 0.87); border: 1px solid #e5e5e5; border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 1rem; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index e0fb85ff1..d0975a36b 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -1204,6 +1204,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 0.75rem; diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index aa5b2b68e..ee4e67393 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -1204,6 +1204,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 0.75rem; diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index d2d120361..0880f7075 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -1204,6 +1204,7 @@ color: rgba(0, 0, 0, 0.87); border: 1px solid #e5e5e5; border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 0.75rem; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 35720cf62..56ee8b872 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -1204,6 +1204,7 @@ color: rgba(0, 0, 0, 0.87); border: 1px solid #e5e5e5; border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 0.75rem; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 3d26bcdd1..6413a854a 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -1180,6 +1180,7 @@ color: #333333; border: 1px solid #a6a6a6; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 0507ae923..a260e1fc0 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -1184,6 +1184,7 @@ color: #333333; border: 1px solid #a6a6a6; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 0023ad94a..d41af0225 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -1184,6 +1184,7 @@ color: #333333; border: 1px solid #a6a6a6; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index c87db200c..aa24c61f5 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -1184,6 +1184,7 @@ color: #333333; border: 1px solid #a6a6a6; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index a1ff39b94..7247d16d2 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -1180,6 +1180,7 @@ color: #666666; border: 1px solid #dadada; border-radius: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 3263c466e..7765ba8eb 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -1180,6 +1180,7 @@ color: #495057; border: 1px solid #ced4da; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 9cb2ca97a..c6762998c 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -1180,6 +1180,7 @@ color: #495057; border: 1px solid #ced4da; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index aa58dbf00..25621b54c 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -1180,6 +1180,7 @@ color: #495057; border: 1px solid #ced4da; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index 109e604dc..26dbca801 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -1180,6 +1180,7 @@ color: #495057; border: 1px solid #ced4da; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css index b90760f47..c38ab7332 100644 --- a/public/themes/tailwind-light/theme.css +++ b/public/themes/tailwind-light/theme.css @@ -1215,6 +1215,7 @@ color: #3f3f46; border: 1px solid #d4d4d8; border-radius: 0.375rem; + transition: none; } .p-listbox .p-listbox-header { padding: 0.5rem 0.75rem; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 16b14a4d2..ab8b68549 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -1180,6 +1180,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index fffe6e43d..3ec7c31cc 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -1180,6 +1180,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 26e3f9243..31e7694a1 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -1180,6 +1180,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 92f81e655..7af9387b6 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -1180,6 +1180,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem;