Changeset 271528 in webkit

Timestamp:

Jan 15, 2021 12:22:41 PM (18 months ago)

Author:

Patrick Angle

Message:

Web Inspector: Font Details sidebar - Improve line wrapping of table row titles when space is available
​https://bugs.webkit.org/show_bug.cgi?id=219997

Reviewed by Devin Rousso.

Adjust the width of the title in each row to 105px, which provides space for both Historical Figures which is
an always-present row and Optical Size (opsz) which is a registed variation axis and is used in numerous
fonts including San Francisco. This overrides the normal fixed width of these titles of 85px, which causes these
and numerous other unregistered axis names and tags to wrap their title more aggresively than is stricly
necessary.

• UserInterface/Views/FontDetailsPanel.css:

(.sidebar > .panel.details.style-font > .content .details-section > .content > .group > .row.simple > .label):

Location:

trunk/Source/WebInspectorUI

Files:

• ChangeLog (modified) (1 diff)
• UserInterface/Views/FontDetailsPanel.css (modified) (1 diff)

trunk/Source/WebInspectorUI/ChangeLog

@@ +1 @@
+2021-01-15  Patrick Angle  <pangle@apple.com>
+
+        Web Inspector: Font Details sidebar - Improve line wrapping of table row titles when space is available
+        https://bugs.webkit.org/show_bug.cgi?id=219997
+
+        Reviewed by Devin Rousso.
+
+        Adjust the width of the title in each row to 105px, which provides space for both `Historical Figures` which is
+        an always-present row and `Optical Size (opsz)` which is a registed variation axis and is used in numerous
+        fonts including San Francisco. This overrides the normal fixed width of these titles of 85px, which causes these
+        and numerous other unregistered axis names and tags to wrap their title more aggresively than is stricly
+        necessary.
+
+        * UserInterface/Views/FontDetailsPanel.css:
+        (.sidebar > .panel.details.style-font > .content .details-section > .content > .group > .row.simple > .label):
+
 2021-01-13  Ebrahim Byagowi  <ebrahim@gnu.org>
 

trunk/Source/WebInspectorUI/UserInterface/Views/FontDetailsPanel.css

@@ -24 +24 @@
  */
 
+.sidebar > .panel.details.style-font > .content .details-section > .content > .group > .row.simple > .label {
+    width: 105px; /* Width of `Historical Figures` or `Optical Size (opsz)`. */
+}
+
 .sidebar > .panel.details.style-font > .content .details-section > .content > .group > .row.simple > .value .secondary {
     color: var(--text-color-secondary);