[WinCairo] Improve Inspectable Target Page to adapt a long title and URL
https://bugs.webkit.org/show_bug.cgi?id=204874
Reviewed by Fujii Hironori.
Add some CSS atributes to make such long titles and URLs fit the width
of a window size. Then "Inspector" button is shown at the visible area.
No new tests, since there is no change in behavior.
* UIProcess/socket/RemoteInspectorProtocolHandler.cpp:
(WebKit::RemoteInspectorProtocolHandler::platformStartTask):
git-svn-id: http://svn.webkit.org/repository/webkit/trunk@253199 268f45cc-cd09-0410-ab3c-d52691b4dbfc
diff --git a/Source/WebKit/ChangeLog b/Source/WebKit/ChangeLog
index e2c386a..bf16a01 100644
--- a/Source/WebKit/ChangeLog
+++ b/Source/WebKit/ChangeLog
@@ -1,3 +1,17 @@
+2019-12-05 Yousuke Kimoto <yousuke.kimoto@sony.com>
+
+ [WinCairo] Improve Inspectable Target Page to adapt a long title and URL
+ https://bugs.webkit.org/show_bug.cgi?id=204874
+
+ Reviewed by Fujii Hironori.
+
+ Add some CSS atributes to make such long titles and URLs fit the width
+ of a window size. Then "Inspector" button is shown at the visible area.
+ No new tests, since there is no change in behavior.
+
+ * UIProcess/socket/RemoteInspectorProtocolHandler.cpp:
+ (WebKit::RemoteInspectorProtocolHandler::platformStartTask):
+
2019-12-05 Fujii Hironori <Hironori.Fujii@sony.com>
[WebKit] Fix compilation warnings for MSVC
diff --git a/Source/WebKit/UIProcess/socket/RemoteInspectorProtocolHandler.cpp b/Source/WebKit/UIProcess/socket/RemoteInspectorProtocolHandler.cpp
index 861f0b9..50ca2e4 100644
--- a/Source/WebKit/UIProcess/socket/RemoteInspectorProtocolHandler.cpp
+++ b/Source/WebKit/UIProcess/socket/RemoteInspectorProtocolHandler.cpp
@@ -156,13 +156,13 @@
" html { font-family: -webkit-system-font; font-size: 11pt; color: #2e3436; padding: 20px 20px 0 20px; background-color: #f6f6f4; "
" background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeec), color-stop(1, #f6f6f4));"
" background-size: 100% 5em; background-repeat: no-repeat; }"
- " table { width: 100%; border-collapse: collapse; }"
+ " table { width: 100%; border-collapse: collapse; table-layout: fixed; }"
" table, td { border: 1px solid #d3d7cf; border-left: none; border-right: none; }"
" p { margin-bottom: 30px; }"
" td { padding: 15px; }"
" td.data { width: 200px; }"
- " .targetname { font-weight: bold; }"
- " .targeturl { color: #babdb6; }"
+ " .targetname { font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }"
+ " .targeturl { color: #babdb6; background: #eee; word-wrap: break-word; overflow-wrap: break-word; }"
" td.input { width: 64px; }"
" input { width: 100%; padding: 8px; }"
"</style>"
