+7

src/app.css

reviewed

··· 2116 2116 transparent 2117 2117 ); 2118 2118 align-items: center; 2119 2119 + transition: opacity 0.3s ease-out; 2120 2120 + 2121 2121 + &.loading, 2122 2122 + .loading > & { 2123 2123 + pointer-events: none; 2124 2124 + opacity: 0.5; 2125 2125 + } 2119 2126 } 2120 2127 .filter-bar.centered { 2121 2128 justify-content: center;

+7 -1

src/components/timeline.jsx

reviewed

··· 334 334 </button> 335 335 )} 336 336 </header> 337 337 - {!!timelineStart && <div class="timeline-start">{timelineStart}</div>} 337 337 + {!!timelineStart && ( 338 338 + <div 339 339 + class={`timeline-start ${uiState === 'loading' ? 'loading' : ''}`} 340 340 + > 341 341 + {timelineStart} 342 342 + </div> 343 343 + )} 338 344 {!!items.length ? ( 339 345 <> 340 346 <ul class="timeline">

+1 -1

src/pages/search.jsx

reviewed

··· 152 152 </header> 153 153 <main> 154 154 {!!q && ( 155 155 - <div class="filter-bar"> 155 155 + <div class={`filter-bar ${uiState === 'loading' ? 'loading' : ''}`}> 156 156 {!!type && ( 157 157 <Link to={`/search${q ? `?q=${encodeURIComponent(q)}` : ''}`}> 158 158 ‹ All