- Revision
- 203290
- Author
- [email protected]
- Date
- 2016-07-15 12:01:56 -0700 (Fri, 15 Jul 2016)
Log Message
Web Inspector: Make Open Quickly and Goto Line dialogs match Xcode 8
https://bugs.webkit.org/show_bug.cgi?id=159823
rdar://problem/27376501
Reviewed by Brian Burg.
* UserInterface/Views/GoToLineDialog.css:
(.go-to-line-dialog):
(.go-to-line-dialog > div > input):
(.go-to-line-dialog > div > input::placeholder):
(.go-to-line-dialog > div > img):
(.go-to-line-dialog > div): Deleted.
* UserInterface/Views/OpenResourceDialog.css:
(.open-resource-dialog):
(.open-resource-dialog > .field):
(.open-resource-dialog > .field > input):
(.open-resource-dialog > .field > input::placeholder):
(.open-resource-dialog > .field > img):
(.open-resource-dialog > .tree-outline .item): Deleted.
(.open-resource-dialog > .tree-outline .item:first-child): Deleted.
Modified Paths
Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (203289 => 203290)
--- trunk/Source/WebInspectorUI/ChangeLog 2016-07-15 18:47:16 UTC (rev 203289)
+++ trunk/Source/WebInspectorUI/ChangeLog 2016-07-15 19:01:56 UTC (rev 203290)
@@ -1,3 +1,26 @@
+2016-07-15 Timothy Hatcher <[email protected]>
+
+ Web Inspector: Make Open Quickly and Goto Line dialogs match Xcode 8
+ https://bugs.webkit.org/show_bug.cgi?id=159823
+ rdar://problem/27376501
+
+ Reviewed by Brian Burg.
+
+ * UserInterface/Views/GoToLineDialog.css:
+ (.go-to-line-dialog):
+ (.go-to-line-dialog > div > input):
+ (.go-to-line-dialog > div > input::placeholder):
+ (.go-to-line-dialog > div > img):
+ (.go-to-line-dialog > div): Deleted.
+ * UserInterface/Views/OpenResourceDialog.css:
+ (.open-resource-dialog):
+ (.open-resource-dialog > .field):
+ (.open-resource-dialog > .field > input):
+ (.open-resource-dialog > .field > input::placeholder):
+ (.open-resource-dialog > .field > img):
+ (.open-resource-dialog > .tree-outline .item): Deleted.
+ (.open-resource-dialog > .tree-outline .item:first-child): Deleted.
+
2016-07-14 Joseph Pecoraro <[email protected]>
Web Inspector: Rename CCTNode to CallingContextTreeNode
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css (203289 => 203290)
--- trunk/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css 2016-07-15 18:47:16 UTC (rev 203289)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css 2016-07-15 19:01:56 UTC (rev 203290)
@@ -26,51 +26,53 @@
.go-to-line-dialog {
position: relative;
left: 50%;
- top: 50px;
+ top: 21px;
width: calc(100% - 40px);
max-width: 452px;
- height: 38px;
- transform: translate(-50%, -50%);
- padding: 3px;
+ height: 46px;
+
+ transform: translate(-50%, 0);
+
+ padding: 8px 3px;
+
border-radius: 5px;
- background-color: hsla(0, 0%, 90%, 0.95);
- border: 1px hsl(0, 0%, 85%) solid;
+ background-color: hsla(0, 0%, 95%, 0.8);
+ border: 1px hsla(0, 0%, 0%, 0.25) solid;
box-shadow: 1px 5px 20px 3px hsla(0, 0%, 0%, 0.33);
+
+ -webkit-backdrop-filter: blur(10px);
}
.go-to-line-dialog > div {
width: 100%;
height: 100%;
- border-radius: 4px;
- background-color: white;
- border: 1px hsl(0, 0%, 80%) solid;
}
.go-to-line-dialog > div > input {
- position: absolute;
- left: 2px;
- right: 36px;
+ display: block;
+ width: 100%;
border: none;
background-color: transparent;
font-size: 20px;
color: hsl(0, 0%, 4%);
- padding: 0 0 1px 5px;
+ padding: 0 30px 1px 7px;
outline: none;
+ -webkit-appearance: none;
}
.go-to-line-dialog > div > input::placeholder {
- color: hsl(0, 0%, 52%);
+ color: hsl(0, 0%, 0%, 0.25);
}
.go-to-line-dialog > div > img {
position: absolute;
- top: 9px;
- right: 12px;
+ top: 15px;
+ right: 10px;
padding: 2px;
border-radius: 9px;
- width: 18px;
- height: 18px;
- background-color: hsl(0, 0%, 73%);
+ width: 15px;
+ height: 15px;
+ background-color: hsl(0, 0%, 60%);
display: none;
content: url(../Images/CloseWhite.svg);
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/OpenResourceDialog.css (203289 => 203290)
--- trunk/Source/WebInspectorUI/UserInterface/Views/OpenResourceDialog.css 2016-07-15 18:47:16 UTC (rev 203289)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/OpenResourceDialog.css 2016-07-15 19:01:56 UTC (rev 203290)
@@ -26,6 +26,7 @@
.open-resource-dialog {
display: flex;
flex-direction: column;
+
position: absolute;
left: 50%;
top: 50px;
@@ -35,19 +36,19 @@
overflow: hidden;
transform: translate(-50%, 0);
+
border-radius: 5px;
- background-color: hsl(0, 0%, 90%);
- border: 1px hsl(0, 0%, 70%) solid;
+ background-color: hsla(0, 0%, 95%, 0.8);
+ border: 1px hsla(0, 0%, 0%, 0.25) solid;
box-shadow: 1px 5px 20px 3px hsla(0, 0%, 0%, 0.33);
+ -webkit-backdrop-filter: blur(10px);
+
z-index: var(--z-index-popover);
}
.open-resource-dialog > .field {
- margin: 3px;
- border-radius: 4px;
- background-color: white;
- border: 1px hsl(0, 0%, 80%) solid;
+ margin: 8px 3px;
}
.open-resource-dialog > .field > input {
@@ -57,18 +58,19 @@
background-color: transparent;
font-size: 20px;
color: hsl(0, 0%, 4%);
- padding: 0 34px 1px 7px;
+ padding: 0 30px 1px 7px;
outline: none;
+ -webkit-appearance: none;
}
.open-resource-dialog > .field > input::placeholder {
- color: hsl(0, 0%, 52%);
+ color: hsl(0, 0%, 0%, 0.25);
}
.open-resource-dialog > .field > img {
position: absolute;
- top: 10px;
- right: 12px;
+ top: 15px;
+ right: 10px;
padding: 2px;
border-radius: 9px;
width: 15px;
@@ -96,10 +98,6 @@
}
.open-resource-dialog > .tree-outline .item {
- border-top-color: hsl(0, 0%, 94%);
-}
-
-.open-resource-dialog > .tree-outline .item:first-child {
border: none;
}
