aboutsummaryrefslogtreecommitdiffstats
path: root/web/src/css
diff options
context:
space:
mode:
Diffstat (limited to 'web/src/css')
-rw-r--r--web/src/css/eventlog.less45
-rw-r--r--web/src/css/flowdetail.less14
-rw-r--r--web/src/css/layout.less2
3 files changed, 53 insertions, 8 deletions
diff --git a/web/src/css/eventlog.less b/web/src/css/eventlog.less
index 993304cf..8b0a7647 100644
--- a/web/src/css/eventlog.less
+++ b/web/src/css/eventlog.less
@@ -1,10 +1,45 @@
.eventlog {
+ height: 200px;
flex: 0 0 auto;
- margin: 0;
- border-radius: 0;
- height: 200px;
- overflow: auto;
- overflow-y: scroll;
+ display: flex;
+ flex-direction: column;
+
+
+ > div {
+ background-color: #F2F2F2;
+ padding: 0 5px;
+ flex: 0 0 auto;
+ }
+
+ > pre {
+ flex: 1 1 auto;
+
+ margin: 0;
+ border-radius: 0;
+ overflow-x: auto;
+ overflow-y: scroll;
+ background-color: #fcfcfc;
+ }
+
+
+ .fa-close {
+ cursor: pointer;
+ float: right;
+ color: grey;
+ padding: 3px 0;
+ padding-left: 10px;
+ &:hover {
+ color: black;
+ }
+ }
+
+ .label {
+ cursor: pointer;
+ vertical-align: middle;
+ display: inline-block;
+ margin-top: -2px;
+ margin-left: 3px;
+ }
} \ No newline at end of file
diff --git a/web/src/css/flowdetail.less b/web/src/css/flowdetail.less
index 94920caa..3a6191d4 100644
--- a/web/src/css/flowdetail.less
+++ b/web/src/css/flowdetail.less
@@ -35,9 +35,9 @@
word-break: break-all;
tr {
- //&:not(:first-child){
+ &:not(:first-child){
border-top: 1px solid #f7f7f7;
- //}
+ }
}
td {
@@ -51,7 +51,7 @@
.connection-table {
td:first-child {
- width: 33%;
+ width: 50%;
padding-right: 1em;
}
}
@@ -64,4 +64,12 @@
.header-value {
}
+}
+
+.connection-table, .timing-table {
+ td {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
} \ No newline at end of file
diff --git a/web/src/css/layout.less b/web/src/css/layout.less
index 510fde6a..f6807f24 100644
--- a/web/src/css/layout.less
+++ b/web/src/css/layout.less
@@ -19,6 +19,8 @@ html, body, #container {
display: flex;
flex-direction: row;
+ outline: 0;
+
&.vertical {
flex-direction: column;
}