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

problems panel: adjust layout

Browse Source
This commit is contained in:
Alexander Zobnin
2018-12-08 13:09:09 +03:00
parent d4ca1d5dbb
commit 80c39d6396
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/panel-triggers/components/Problems.tsx
View File

@@ -383,7 +383,7 @@ class ProblemDetails extends PureComponent<any, ProblemDetailsState> {
const rootWidth = this.props.rootWidth; const rootWidth = this.props.rootWidth;
const displayClass = this.state.show ? 'show' : ''; const displayClass = this.state.show ? 'show' : '';
const wideLayout = rootWidth > 1000; const wideLayout = rootWidth > 1000;
const compactStatusBar = rootWidth < 800; const compactStatusBar = rootWidth < 800 || problem.acknowledges && wideLayout && rootWidth < 1200;
return ( return (
<div className={`problem-details-container ${displayClass}`}> <div className={`problem-details-container ${displayClass}`}>

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

@@ -198,7 +198,7 @@
} }
.problem-tags { .problem-tags {
padding-top: 0.6rem; padding-top: 0.8rem;
padding-bottom: 0.8rem; padding-bottom: 0.8rem;
margin-top: auto; margin-top: auto;
} }