From ab41aacd59411f682ffe74382f739ff07d6d6b4e Mon Sep 17 00:00:00 2001 From: Tom Wilkie Date: Sun, 24 May 2015 09:36:34 +0000 Subject: [PATCH] Fix wrapping and scrolling in the details pane. --- app/static.go | 8 ++++---- client/app/styles/main.less | 15 ++++++++++++--- 2 files changed, 16 insertions(+), 7 deletions(-) diff --git a/app/static.go b/app/static.go index d93973221c..08e99b9c68 100644 --- a/app/static.go +++ b/app/static.go @@ -5787,7 +5787,7 @@ var _escData = map[string]*_escFile{ "/styles/main.css": { local: "client/dist/styles/main.css", - size: 85955, + size: 86087, compressed: "" + "\x1f\x8b\b\x00\x00\tn\x88\x00\xff\xec\xbd[\x8f\xec6\x92 \xfcWr\u0381\xbfs\x8e[*\xa7\x94תB\xf7\xf4\xb7X,0\xc0\xce\xcb`\x1e\fx\xfd\xa0\x94\x98\x99r)%Y\x97\xaaSέ\xf9\xed\xcb[P$\x15\x94\x94Y\x17\x1b\x8bm\xc3\xeeJ1\x18\f\x06\x83\xc1`0\x18\xfc\xe9\xc7\u007f\x99\xe5Eu\x8a\xb2\xf4\x0fr\x13" + "\xd7\xf5\xecqq3\xbf\tg\xff{\xf6\xef\xff\xf6\x9f\xb3\xff\x99\xc6$\xaf\t\xfduH\x9b\x9b\xb4\xf8I\xc1\xce~\xfc\xe9\x9f\xe9\xa9,\xaaf\xd6V\xd9\xd7cӔw?\xfd\xb4/\xf2\xa6\xbe9\x14\xc5!#Q\x99\xd67qq\xfa\x89b\xfd\xd7}tJ\xb3\xe7\xbf\xffG\xb1+\x9a\xe2n1\x9f{\xcb\xf9\xfc\xdb\xfd\xb19eg\xffT" + @@ -5930,9 +5930,9 @@ var _escData = map[string]*_escFile{ "\xe1\xe1\xef\x8a\xcf\xed\xd7-\xb1<\x9c\x83h\xcd\x17\xd4%\xd1Z\x8f\xd8\xfbA\xfc\xe2F\x97\xa3\xb4e\xc60\xbbX2\x8cXd\xd7w4\xe8\rU\x15/j\x8e\x90*d\xec\xa5\x1bC\xc1%\x8bt\x9di\xe1%L\x83a\xdc\x05\xbb \xde\xd9ͨg\x95\xcf\x06ؽ\xfd\u07b3]K|\x17\xfd\xf3\xecR\xf9\x1c\x81տ\xba\x89\x9a\xb6" + "\xd63p\xeb\x12\xcaߑ2dl\xcd_z\x14\xb5z\xf2閿\xc0\x96\\\x85Cp\xddH\xd8\xcdR\xaf\u007f\xce\v\xba\x93\x9fՏ\a\xc7t\x9e\x03\b\x13\x1f\xfb\xe9+\xfd\x81\x04\xf1\xd4$K5\x9b)\t\xe4\"W\x1f#jq\xb1ח\xf9$\x97\xaa\xc6\v唇\xdf\xf3\x99o\x02\xf8\x16\x84N\xc8\r\xfbS\xf6I\xb4(\x19" + "݃\xa1\x1a]\x82\x99\xf3[\xa7\x13j\x1dx\x95\xb3)WPxâ\x17\xcf\xd2\x1e\x80\x0e\xca\xe5\x1c2\u05ef\x00\xb1\xf1R\xe5\xcd\np\b\xdf֍L\xefnT^\xe8U-x\xc1Ah\x1b2\xfafw\x16c$4\xef\x83ɔ\x844\x11ݸ C\xac^\xb6\x9d\x87K5\x83\xc4\xd4\x11\x82\xb8`\xc2\xc6\x04A>\x98\xdf4" + - "ʼnkP\xa9\x9a\x17,\xb7.40\xbb\x91\u007f\xf0\x87\xccLq\x87E\x8ek=\x8e\xccx[ԅcV\x97Q\xde\x1b\x92\x01X\xe3!_\x91◽\x1f\xc2\xddH^\xf7\xa7\xf6,\xbf\xf1\"\x1a\x17\x1a\xe0\x97\xfe\xaa\x19\xfe\xecv\xb8Zy\xf0\xef\xcdv\xfd\xcdD\xe0\xc3J)\xfb\xce_\xb4^\xf0G\xe1\x100S3R\xcaA%" + - "H\xae\xcf\aj\xb1H\xe1\xa22\x84\x9c\xd2lrج-M\x97s\xf7Z\x1dB\x18\xbf\x16u6\xc9\xd8\xe2P\xf2\xad]\xd7*c\xf7\xe5\u07b9V\xf5\x86A⧖\xd5?\x92\xf4\x11}\xb4\xc3U\x81\xddȑ\xefJܲ\x1c\xd0\x0e\xa8\xc7(k\t5\xd0\u007f\xa3,4\x1f=X\x8d\xd6b\xb9\xbe\xa3\xea\xdce\xc9\xd6\xd2V\x1b\x8a" + - "~2F>\x94\xde0L\x9b\xa7\xba6\xbe]\xfd`\xe9\xfd\xff\x13\x00\x00\xff\xffD\xbf\x0f]\xc3O\x01\x00", + "ʼnkP\xa9\x9a\x17,\xb7.40\xbb\x91\u007f\xf0\x87\xccLq\x87E\x8ek=\x8e\xccx[ԅcV\x97Q\xde\x1b\x92\x01X\xe3!_\x91◽\x1f\xc2\xddH^\xf7\xa7\xf6,\xbf\xf1\"\x1a\x17\x1a\xe0\x97\xe3U3\xfc\x05\xeep\xb5\xf2\xe0ߛ\xed\xfa\x9b\x89ˇES\xb2\x81?n\xbd\xe0\xef\xc3!`\xa6\x92\xa4\x9d\x00\xed" + + " \a`>P\x8b\x05\r\x17\x95!\xef\x94f\x93\xd9fmi\xc584@\xc0U04\x8c?\xacΥ\x04\x82\xd0\xfc\xe7\xbb:\xae\x8a,\xb3\x9a\xe1w\xac\xcefG\xb6=\x06p(\xf9p\xafkɲ\xb9q\xef\\\xf8zc*\xf1S3\xed\xdc\u007f\xef\xf4\x9eΟ\xa8\x92&\x06^\x8b\xdd\xf1\xd1\xed\f\xc1\x8e[\x96`\xdaQ\xe11" + + "\xcaZB\xad\xff\xdf蠘/*\xb0\xa7\x1czO\xea\xf2\xeb\x95\xf0\x11\x82\xd7G\x90\xb3|\xe3Qu\xee2uk\xa9\xb3\x8dŦkx\x8c\\&C\xde0L\x9b\xa7\xfa\x8ap\xbb\xfa\xc1Z{\xfeO\x00\x00\x00\xff\xff\x19\xf1\xaerGP\x01\x00", }, "/": { diff --git a/client/app/styles/main.less b/client/app/styles/main.less index 9f96db31f7..9881388bcc 100644 --- a/client/app/styles/main.less +++ b/client/app/styles/main.less @@ -208,6 +208,7 @@ body { .node-details { height: 100%; + width: 100%; background-color: rgba(255, 255, 255, 0.86); &-header { @@ -228,7 +229,12 @@ body { } &-content { + position: absolute; + top: 115px; + bottom: 0; + width: 100%; padding: 0 36px 0 36px; + overflow-y: scroll; } &-table { @@ -243,16 +249,19 @@ body { } &-row { - > div { - display: inline-block; - } + white-space: nowrap; + clear: left; &-key { + float: left; width: 9em; } &-value-major { margin-right: 0.5em; + + overflow: hidden; + text-overflow: ellipsis; } &-value-scalar {