Simplify CSS: Remove RTL specific styles, let Odoo handle direction automatically

This commit is contained in:
Mohamed Eltayar 2025-08-30 15:41:49 +03:00
parent 8aba15b064
commit e11bc7d65f
1 changed files with 11 additions and 71 deletions

View File

@ -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;
}
.oe_clear_search,
.oe_search_count {
align-self: flex-start;
margin-bottom: 8px;
}
}
/* 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;
}