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

problems: style tweaks

Browse Source
This commit is contained in:
Alexander Zobnin
2018-12-27 20:33:53 +03:00
parent 94b6a82e0d
commit f8d67c4756
4 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -104,7 +104,7 @@ export class ProblemList extends PureComponent<ProblemListProps, ProblemListStat
id: 'lastchange', id: 'lastchange',
Cell: row => row.original.lastchange, Cell: row => row.original.lastchange,
}, },
{ Header: 'Details', className: 'custom-expander', width: 60, expander: true, Expander: CustomExpander }, { Header: '', className: 'custom-expander', width: 60, expander: true, Expander: CustomExpander },
]; ];
for (const column of columns) { for (const column of columns) {
if (column.show || column.show === undefined) { if (column.show || column.show === undefined) {

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

@@ -17,11 +17,11 @@
.rt-tr-group { .rt-tr-group {
flex: 0 0 auto; flex: 0 0 auto;
border-bottom: solid 1px $problems-border-color; border-bottom: solid 2px $problems-border-color;
border-left: solid 2px transparent; border-left: solid 2px transparent;
&:last-child { &:last-child {
border-bottom: solid 1px $problems-border-color; border-bottom: solid 2px $problems-border-color;
} }
&:hover { &:hover {
@@ -131,7 +131,7 @@
.rt-tr .rt-td { .rt-tr .rt-td {
&.custom-expander { &.custom-expander {
text-align: center; text-align: center;
padding-left: 0rem; padding: 0.6em 0 0 0;
i { i {
color: #676767; color: #676767;
font-size: 1.2rem; font-size: 1.2rem;

4
src/sass/_variables.dark.scss
View File

@@ -7,14 +7,14 @@ $zbx-text-color-disabled: $gray-1;
$action-button-color: $blue-dark; $action-button-color: $blue-dark;
$action-button-text-color: $gray-4; $action-button-text-color: $gray-4;
$problems-border-color: $dark-1; $problems-border-color: #1b1b1b;
$problems-table-stripe: $dark-3; $problems-table-stripe: $dark-3;
$problems-table-row-hovered: darken($problems-table-stripe, 2%); $problems-table-row-hovered: darken($problems-table-stripe, 2%);
$problems-table-row-hovered-shadow-color: rgba($blue, 0.5); $problems-table-row-hovered-shadow-color: rgba($blue, 0.5);
$problems-table-row-hovered-shadow: 0px 0px 8px $problems-table-row-hovered-shadow-color; $problems-table-row-hovered-shadow: 0px 0px 8px $problems-table-row-hovered-shadow-color;
$problem-details-background: $dark-3; $problem-details-background: $dark-3;
$problem-expander-highlighted-background: #676767; $problem-expander-highlighted-background: #393939;
$problem-expander-highlighted-color: $blue; $problem-expander-highlighted-color: $blue;
$problem-expander-expanded-color: $blue; $problem-expander-expanded-color: $blue;

2
src/sass/_variables.light.scss
View File

@@ -7,7 +7,7 @@ $zbx-text-color-disabled: $gray-3;
$action-button-color: #497dc0; $action-button-color: #497dc0;
$action-button-text-color: $gray-6; $action-button-text-color: $gray-6;
$problems-border-color: $dark-1; $problems-border-color: #e5e5e5;
$problems-table-stripe: $gray-6; $problems-table-stripe: $gray-6;
$problems-table-row-hovered: $white; $problems-table-row-hovered: $white;
$problems-table-row-hovered-shadow-color: $blue; $problems-table-row-hovered-shadow-color: $blue;