diff options
Diffstat (limited to 'web/src/css/flowdetail.less')
-rw-r--r-- | web/src/css/flowdetail.less | 112 |
1 files changed, 112 insertions, 0 deletions
diff --git a/web/src/css/flowdetail.less b/web/src/css/flowdetail.less new file mode 100644 index 00000000..edf97566 --- /dev/null +++ b/web/src/css/flowdetail.less @@ -0,0 +1,112 @@ +//TODO: Move into some utils +.monospace() { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} + +.flow-detail { + width: 100%; + overflow-x: auto; + overflow-y: scroll; + + nav { + background-color: #F2F2F2; + } + + section { + padding: 5px 12px; + } + + .first-line { + .monospace(); + background-color: #428bca; + color: white; + margin: 0 -8px; + padding: 4px 8px; + border-radius: 5px; + word-break: break-all; + max-height: 100px; + overflow-y: auto; + } + .request-line { + margin-bottom: 2px; + } + /*.request .response-line, + .response .request-line { + opacity: 0.7; + }*/ + + hr { + margin: 0 0 5px; + } + +} + +.inline-input { + margin: 0 -5px; + padding: 0 5px; + + &[contenteditable] { + + background-color: rgba(255, 255, 255, 0.2); + + &.has-warning { + color: rgb(255, 184, 184); + } + &.has-success { + //color: green; + } + } +} + +.view-options { + margin-top: 10px; +} + +.flow-detail table { + .monospace(); + width: 100%; + table-layout: fixed; + word-break: break-all; + + tr { + &:not(:first-child) { + border-top: 1px solid #f7f7f7; + } + } + + td { + vertical-align: top; + //alt: + //white-space: nowrap; + //overflow: hidden; + //text-overflow: ellipsis; + } +} + +.connection-table { + td:first-child { + width: 50%; + padding-right: 1em; + } +} + +.header-table { + td { + line-height: 1.3em; + } + .header-name { + width: 33%; + padding-right: 1em; + } + .header-value { + + } +} + +.connection-table, .timing-table { + td { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } +}
\ No newline at end of file |