linguabot commited on
Commit
1ce165a
·
verified ·
1 Parent(s): 6e66c00

Upload folder using huggingface_hub

Browse files
Files changed (1) hide show
  1. client/src/components/Refinity.tsx +5 -1
client/src/components/Refinity.tsx CHANGED
@@ -427,7 +427,7 @@ const Refinity: React.FC = () => {
427
  <div className={`text-gray-900 whitespace-pre-wrap break-words leading-relaxed flex-1 overflow-hidden pr-1`}>{snippet}</div>
428
  {isCenter && (
429
  <div className="ref-action-bar mt-4 flex gap-3 relative z-20 swiper-no-swiping">
430
- <button type="button" onClick={(e)=>{ e.preventDefault(); e.stopPropagation(); setPreviewVersionId(v.id); setStage('preview'); }} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200 cursor-pointer">Full Text</button>
431
  <button type="button" onClick={()=>selectManual(v.id)} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200">Revise</button>
432
  <button type="button" onClick={()=>{ setCompareUIOpen(true); if (!compareA) setCompareA(v.id); }} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200">Compare</button>
433
  </div>
@@ -519,10 +519,14 @@ const Refinity: React.FC = () => {
519
  .mySwiper .swiper-button-prev, .mySwiper .swiper-button-next { top: 50% !important; transform: translateY(-50%); }
520
  .mySwiper .swiper-button-prev:after, .mySwiper .swiper-button-next:after { font-size: 18px; color: #94a3b8; }
521
  .mySwiper .swiper-slide-active { z-index: 50 !important; }
 
 
 
522
  /* Decorative overlays should never capture clicks */
523
  .mySwiper .ref-card-overlay { pointer-events: none; }
524
  /* Let arrows/pagination operate normally, but not over the action bar */
525
  .mySwiper .swiper-slide-active .ref-action-bar, .mySwiper .swiper-slide-active .ref-action-bar * { pointer-events: auto; position: relative; z-index: 30; }
 
526
  ` }} />
527
  </div>
528
  {compareModalOpen && (
 
427
  <div className={`text-gray-900 whitespace-pre-wrap break-words leading-relaxed flex-1 overflow-hidden pr-1`}>{snippet}</div>
428
  {isCenter && (
429
  <div className="ref-action-bar mt-4 flex gap-3 relative z-20 swiper-no-swiping">
430
+ <button type="button" onClick={(e)=>{ e.preventDefault(); e.stopPropagation(); console.log('FullText click', e.target, (e as any).clientX!=null && (e as any).clientY!=null ? document.elementFromPoint((e as any).clientX, (e as any).clientY) : null); setPreviewVersionId(v.id); setStage('preview'); }} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200 cursor-pointer">Full Text</button>
431
  <button type="button" onClick={()=>selectManual(v.id)} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200">Revise</button>
432
  <button type="button" onClick={()=>{ setCompareUIOpen(true); if (!compareA) setCompareA(v.id); }} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200">Compare</button>
433
  </div>
 
519
  .mySwiper .swiper-button-prev, .mySwiper .swiper-button-next { top: 50% !important; transform: translateY(-50%); }
520
  .mySwiper .swiper-button-prev:after, .mySwiper .swiper-button-next:after { font-size: 18px; color: #94a3b8; }
521
  .mySwiper .swiper-slide-active { z-index: 50 !important; }
522
+ /* Only active slide can receive clicks */
523
+ .mySwiper .swiper-slide { pointer-events: none; }
524
+ .mySwiper .swiper-slide-active { pointer-events: auto; }
525
  /* Decorative overlays should never capture clicks */
526
  .mySwiper .ref-card-overlay { pointer-events: none; }
527
  /* Let arrows/pagination operate normally, but not over the action bar */
528
  .mySwiper .swiper-slide-active .ref-action-bar, .mySwiper .swiper-slide-active .ref-action-bar * { pointer-events: auto; position: relative; z-index: 30; }
529
+ .mySwiper .swiper-pagination { bottom: 6px; }
530
  ` }} />
531
  </div>
532
  {compareModalOpen && (