Misthios/grafana-zabbix
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

problems panel: narrow layout for details

Browse Source
This commit is contained in:
Alexander Zobnin
2018-12-04 22:04:21 +03:00
parent 0b626898bb
commit 654f050365
2 changed files with 33 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/sass/_panel-problems.scss
View File

@@ -167,6 +167,7 @@
.problem-details-row {
display: flex;
margin-bottom: 0.6rem;
min-height: 3rem;
.problem-value-container {
flex: 1 0 auto;
@@ -176,7 +177,7 @@
.problem-details {
position: relative;
flex: 10 0 auto;
padding: 0.5rem 1rem;
padding: 0.5rem 1rem 0.5rem 1.2rem;
display: flex;
flex-direction: column;
}
@@ -193,7 +194,7 @@
.problem-tags {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
padding-bottom: 0.8rem;
margin-top: auto;
}
@@ -243,7 +244,7 @@
.problem-details-middle {
flex: 1 0 auto;
padding: 0.5rem 1rem;
padding: 0.6rem 1rem;
// border: 1px solid $dark-4;
border-width: 0 1px;
border-style: solid;
@@ -251,6 +252,12 @@
overflow: auto;
}
.problem-ack-container {
padding: 0.8rem 0;
border-top: 2px solid $dark-4;
overflow: auto;
}
.problem-ack-list {
display: flex;
overflow: auto;