equal
deleted
inserted
replaced
456 width: 18px; |
456 width: 18px; |
457 z-index: 2; |
457 z-index: 2; |
458 touch-action: none; |
458 touch-action: none; |
459 } |
459 } |
460 |
460 |
461 .wp-slider .ui-slider-handle, |
461 .wp-slider .ui-slider-handle { |
462 .wp-slider .ui-slider-handle.focus { |
|
463 background: #f6f7f7; |
462 background: #f6f7f7; |
464 border: 1px solid #c3c4c7; |
463 border: 1px solid #c3c4c7; |
465 box-shadow: 0 1px 0 #c3c4c7; |
464 box-shadow: 0 1px 0 #c3c4c7; |
466 } |
465 } |
467 |
466 |
475 .wp-slider .ui-slider-handle.ui-state-active { |
474 .wp-slider .ui-slider-handle.ui-state-active { |
476 background: #f0f0f1; |
475 background: #f0f0f1; |
477 border-color: #8c8f94; |
476 border-color: #8c8f94; |
478 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
477 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
479 transform: translateY(1px); |
478 transform: translateY(1px); |
|
479 } |
|
480 |
|
481 .wp-slider .ui-slider-handle:focus, |
|
482 .wp-slider .ui-slider-handle.ui-state-focus { |
|
483 background: #f0f0f1; |
|
484 border-color: #8c8f94; |
|
485 box-shadow: 0 0 0 2px #2271b1; |
|
486 /* Only visible in Windows High Contrast mode */ |
|
487 outline: 2px solid transparent; |
480 } |
488 } |
481 |
489 |
482 .wp-slider .ui-slider-handle:before { |
490 .wp-slider .ui-slider-handle:before { |
483 background: none; |
491 background: none; |
484 position: absolute; |
492 position: absolute; |
562 .revision-tick.completed-false { |
570 .revision-tick.completed-false { |
563 background-image: url(../images/spinner-2x.gif); |
571 background-image: url(../images/spinner-2x.gif); |
564 } |
572 } |
565 } |
573 } |
566 |
574 |
|
575 @media screen and (max-width: 600px) { |
|
576 .revisions-meta .author-card:not(.comparing-two-revisions .author-card) { |
|
577 display: flex; |
|
578 flex-direction: column; |
|
579 width: fit-content; |
|
580 gap: 16px; |
|
581 } |
|
582 |
|
583 .comparing-two-revisions .revisions-meta .restore-revision { |
|
584 margin-top: 16px; |
|
585 } |
|
586 |
|
587 .revisions-controls { |
|
588 padding-top: 0; |
|
589 } |
|
590 |
|
591 .revision-toggle-compare-mode { |
|
592 position: relative; |
|
593 padding: 1rem 0; |
|
594 } |
|
595 } |
|
596 |
567 @media screen and (max-width: 782px) { |
597 @media screen and (max-width: 782px) { |
568 #diff-next-revision, |
598 #diff-next-revision, |
569 #diff-previous-revision { |
599 #diff-previous-revision { |
570 margin-top: -1em; |
600 margin-top: -1em; |
571 } |
601 } |
575 margin-bottom: 15px; |
605 margin-bottom: 15px; |
576 } |
606 } |
577 |
607 |
578 .revisions-controls, |
608 .revisions-controls, |
579 .comparing-two-revisions .revisions-controls { |
609 .comparing-two-revisions .revisions-controls { |
580 height: 170px; |
610 height: fit-content; |
581 } |
611 } |
582 |
612 |
583 .revisions-tooltip { |
613 .revisions-tooltip { |
584 bottom: 130px; |
614 bottom: 155px; |
585 z-index: 2; |
615 z-index: 2; |
|
616 } |
|
617 |
|
618 .comparing-two-revisions .revisions-tooltip { |
|
619 bottom: 200px; |
586 } |
620 } |
587 |
621 |
588 .diff-meta { |
622 .diff-meta { |
589 overflow: hidden; |
623 overflow: hidden; |
590 } |
624 } |