Web Inspector: Styles Redesign: make selector field inline-block when editing
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / SpreadsheetCSSStyleDeclarationSection.css
index db50251..e1b2f68 100644 (file)
     padding: 0 var(--css-declaration-side-padding);
 }
 
+.spreadsheet-css-declaration .header.editing-selector .origin {
+    position: absolute;
+    right: var(--css-declaration-side-padding);
+}
+
 .spreadsheet-css-declaration .media-label {
     color: black;
 }
     float: right;
 }
 
+.spreadsheet-css-declaration .selector {
+    position: relative;
+}
+
 .spreadsheet-css-declaration .selector.style-attribute {
     font: 12px sans-serif;
     color: hsl(0, 0%, 30%);
 }
 
 .spreadsheet-css-declaration .selector.spreadsheet-selector-field.editing {
+    display: inline-block;
     box-shadow: hsla(0, 0%, 0%, 0.5) 0 1px 3px;
     outline: none !important;
 }