From e11bc7d65f77b556c5414807248491a277e3ebbf Mon Sep 17 00:00:00 2001 From: Mohamed Eltayar <152964073+maltayyar2@users.noreply.github.com> Date: Sat, 30 Aug 2025 15:41:49 +0300 Subject: [PATCH] Simplify CSS: Remove RTL specific styles, let Odoo handle direction automatically --- .../static/src/css/list_search.css | 82 +++---------------- 1 file changed, 11 insertions(+), 71 deletions(-) diff --git a/odex25_base/fims_general_search_tree_view/static/src/css/list_search.css b/odex25_base/fims_general_search_tree_view/static/src/css/list_search.css index de65349d0..49b6a711a 100644 --- a/odex25_base/fims_general_search_tree_view/static/src/css/list_search.css +++ b/odex25_base/fims_general_search_tree_view/static/src/css/list_search.css @@ -11,45 +11,41 @@ padding: 12px; } -/* Enhanced search container styles */ .oe_search_container { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 12px; border-radius: 6px; - margin-bottom: 12px; + margin: 8px; border: 1px solid #dee2e6; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.3s ease; + gap: 8px; } .oe_search_container:hover { box-shadow: 0 2px 6px rgba(0,0,0,0.15); } -/* Enhanced search input styles */ .oe_search_input { - transition: all 0.3s ease; + border: 1px solid #ced4da !important; + height: 36px; + padding: 0 12px; border-radius: 4px; font-size: 14px; + transition: all 0.3s ease; } .oe_search_input:focus { border-color: #007bff !important; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important; - outline: none; background-color: #fff; } -.oe_search_input::placeholder { - color: #6c757d; - font-style: italic; -} - -/* Enhanced clear button */ .oe_clear_search { min-width: 70px; border-radius: 4px; transition: all 0.2s ease; + white-space: nowrap; } .oe_clear_search:hover { @@ -58,80 +54,24 @@ transform: translateY(-1px); } -/* Enhanced search count display */ .oe_search_count { - color: #28a745; font-size: 0.9em; font-weight: 600; - padding: 4px 8px; - background-color: rgba(40, 167, 69, 0.1); - border-radius: 4px; - border: 1px solid rgba(40, 167, 69, 0.2); - transition: all 0.3s ease; + padding: 6px 10px; + white-space: nowrap; } -/* Enhanced loading indicator */ .oe_search_loading { - display: inline-block; - margin-left: 10px; color: #007bff; } -.oe_search_loading i { - animation: enhanced-search-spin 1s linear infinite; -} - -/* Responsive design improvements */ @media (max-width: 768px) { .oe_search_container { - flex-direction: column; - gap: 10px; + flex-wrap: wrap; } .oe_search_input { width: 100%; - margin-bottom: 10px; + margin-bottom: 8px; } - - .oe_clear_search, - .oe_search_count { - align-self: flex-start; - } -} - -/* Enhanced loading animation */ -@keyframes enhanced-search-spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } -} - -/* Accessibility improvements */ -.oe_search_input:focus-visible { - outline: 2px solid #007bff; - outline-offset: 2px; -} - -.oe_clear_search:focus-visible { - outline: 2px solid #007bff; - outline-offset: 2px; -} - -/* Arabic text support enhancements */ -.oe_search_input[dir="rtl"] { - text-align: right; - direction: rtl; -} - -.oe_search_container[dir="rtl"] { - direction: rtl; -} - -.oe_search_container[dir="rtl"] .oe_clear_search { - margin-right: 8px; - margin-left: 0; -} - -.oe_search_container[dir="rtl"] .oe_search_count { - margin-right: 8px; - margin-left: 0; } \ No newline at end of file