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