Update CSS to improve search interface styling

This commit is contained in:
Mohamed Eltayar 2025-08-29 15:34:11 +03:00
parent d9a8bbcdd2
commit fd52b2db08
1 changed files with 55 additions and 1 deletions

View File

@ -10,3 +10,57 @@
overflow-x: auto;
padding: 12px;
}
/* Search container styles */
.oe_search_container {
background-color: #f8f9fa;
padding: 10px;
border-radius: 4px;
margin-bottom: 10px;
}
.oe_search_input {
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);
outline: none;
}
.oe_clear_search {
min-width: 70px;
}
.oe_search_count {
color: #6c757d;
font-size: 0.9em;
font-weight: 500;
}
/* Loading indicator */
.oe_search_loading {
display: inline-block;
margin-left: 10px;
}
.oe_search_loading:after {
content: " ";
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid #007bff;
border-color: #007bff transparent #007bff transparent;
animation: oe-search-spin 1.2s linear infinite;
}
@keyframes oe-search-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}