Changeset 63503

Timestamp:

09/05/2026 01:22:14 PM (31 hours ago)

Author:

afercia

Message:

Administration: Fix the CSS Coding Standards in revisions.css.

Lints the src/wp-admin/css/revisions.css file.
Part of the ongoing effort to lint all the admin CSS files.

Developed in ​https://github.com/WordPress/wordpress-develop/pull/13146

See #65898.

File:

• trunk/src/wp-admin/css/revisions.css (modified) (10 diffs)

trunk/src/wp-admin/css/revisions.css

@@ -1 @@
-/*------------------------------------------------------------------------------
-  11.2 - Post Revisions
-------------------------------------------------------------------------------*/
 .revisions-control-frame,
 .revisions-diff-frame {
@@ -76 +73 @@
         opacity: 0;
         width: 100%;
-        width: calc( 100% - 30px );
+        width: calc(100% - 30px);
         top: 50%;
-        top: calc( 50% - 10px );
+        top: calc(50% - 10px);
         transition: opacity 0.5s;
 }
@@ -384 +381 @@
 }
 
-.revisions-tooltip {
-        display: none;
-}
-
 .arrow {
         width: 70px;
@@ -399 +392 @@
 }
 
-.arrow:after {
-        z-index: 9999;
-        background-color: #fff;
-        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-
-.arrow.top {
-        top: -16px;
-        bottom: auto;
-}
-
-.arrow.left {
-        left: 20%;
-}
-
-.arrow:after {
+.arrow::after {
         content: "";
         position: absolute;
@@ -422 +400 @@
         height: 25px;
         transform: rotate(45deg);
+        z-index: 9999;
+        background-color: #fff;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.arrow.top {
+        top: -16px;
+        bottom: auto;
+}
+
+.arrow.left {
+        left: 20%;
 }
 
 .revisions-tooltip,
-.revisions-tooltip-arrow:after {
+.revisions-tooltip-arrow::after {
         border-width: 1px;
         border-style: solid;
@@ -456 +446 @@
         z-index: 2;
         touch-action: none;
-}
-
-.wp-slider .ui-slider-handle {
         background: #f6f7f7;
         border: 1px solid #c3c4c7;
@@ -487 +474 @@
 }
 
-.wp-slider .ui-slider-handle:before {
+.wp-slider .ui-slider-handle::before {
         background: none;
         position: absolute;
@@ -494 +481 @@
         color: #50575e;
         content: "\f229";
-        content: "\f229" / '';
-        font: normal 18px/1 dashicons;
+        content: "\f229" / "";
+        font: 400 18px/1 dashicons;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
 }
 
-.wp-slider .ui-slider-handle:hover:before,
-.wp-slider .ui-slider-handle.ui-state-hover:before {
+.wp-slider .ui-slider-handle:hover::before,
+.wp-slider .ui-slider-handle.ui-state-hover::before {
         color: #1d2327;
 }
 
-.wp-slider .ui-slider-handle.from-handle:before,
-.wp-slider .ui-slider-handle.to-handle:before {
+.wp-slider .ui-slider-handle.from-handle::before,
+.wp-slider .ui-slider-handle.to-handle::before {
         font-size: 20px !important;
         margin: -1px 0 0 -1px;
 }
 
-.wp-slider .ui-slider-handle.from-handle:before {
+.wp-slider .ui-slider-handle.from-handle::before {
         content: "\f139";
-        content: "\f139" / '';
-}
-
-.wp-slider .ui-slider-handle.to-handle:before {
+        content: "\f139" / "";
+}
+
+.wp-slider .ui-slider-handle.to-handle::before {
         content: "\f141";
-        content: "\f141" / '';
-}
-
-.rtl .wp-slider .ui-slider-handle.from-handle:before {
+        content: "\f141" / "";
+}
+
+.rtl .wp-slider .ui-slider-handle.from-handle::before {
         content: "\f141";
-        content: "\f141" / '';
-}
-
-.rtl .wp-slider .ui-slider-handle.to-handle:before {
+        content: "\f141" / "";
+}
+
+.rtl .wp-slider .ui-slider-handle.to-handle::before {
         content: "\f139";
-        content: "\f139" / '';
+        content: "\f139" / "";
         right: -1px;
 }
@@ -546 +533 @@
 
 .wp-slider.ui-slider-horizontal .ui-slider-handle {
-        top: -.25em;
-        margin-left: -.6em;
+        top: -0.25em;
+        margin-left: -0.6em;
 }
 
@@ -563 +550 @@
 }
 
-/* =Media Queries
--------------------------------------------------------------- */
-
 /**
- * HiDPI Displays
+ * Media Queries
  */
-@media print,
-  (min-resolution: 120dpi) {
+@media print, (min-resolution: 120dpi) {
         .revision-tick.completed-false {
                 background-image: url(../images/spinner-2x.gif);