Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
N
nexpie-grafana-theme
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Registry
Registry
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Kornkitt Poolsup
nexpie-grafana-theme
Commits
5a571f47
Commit
5a571f47
authored
Dec 29, 2017
by
Torkel Ödegaard
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
tech: react mobx progress
parent
4c1a67c3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
7 additions
and
9 deletions
+7
-9
public/app/containers/AlertRuleList/AlertRuleList.tsx
+1
-1
public/app/stores/AlertingStore.ts
+1
-1
public/sass/pages/_alerting.scss
+5
-7
No files found.
public/app/containers/AlertRuleList/AlertRuleList.tsx
View file @
5a571f47
...
...
@@ -62,7 +62,7 @@ function AlertRuleItem(rule) {
let
ruleUrl
=
`dashboard/
${
rule
.
dashboardUri
}
?panelId=
${
rule
.
panelId
}
&fullscreen&edit&tab=alert`
;
return
(
<
li
className=
"card-item-wrapper"
>
<
li
className=
"card-item-wrapper"
key=
{
rule
.
id
}
>
<
div
className=
"card-item card-item--alert"
>
<
div
className=
"card-item-header"
>
<
div
className=
"card-item-type"
>
...
...
public/app/stores/AlertingStore.ts
View file @
5a571f47
...
...
@@ -12,7 +12,7 @@ export const AlertRule = types.model('AlertRule', {
stateIcon
:
types
.
string
,
stateClass
:
types
.
string
,
stateAge
:
types
.
string
,
info
:
types
.
string
,
info
:
types
.
optional
(
types
.
string
,
''
)
,
dashboardUri
:
types
.
string
,
});
...
...
public/sass/pages/_alerting.scss
View file @
5a571f47
...
...
@@ -29,7 +29,6 @@
}
// Alert List
.alert-list
{
display
:
flex
;
flex-direction
:
row
;
...
...
@@ -94,7 +93,7 @@
.panel-has-alert
{
.panel-alert-icon
:before
{
content
:
"\e611"
;
content
:
'\e611'
;
position
:
relative
;
top
:
1px
;
left
:
-3px
;
...
...
@@ -108,12 +107,12 @@
.panel-alert-icon
:before
{
color
:
$critical
;
content
:
"\e610"
;
content
:
'\e610'
;
}
}
&
--alerting
:
:
after
{
content
:
""
;
content
:
''
;
position
:
absolute
;
top
:
0
;
z-index
:
-1
;
...
...
@@ -121,14 +120,13 @@
height
:
100%
;
box-shadow
:
0
0
10px
rgba
(
$critical
,
1
);
opacity
:
0
;
animation
:
alerting-panel
1
.6s
cubic-bezier
(
1
,
0
.1
,
0
.73
,
1
)
0s
infinite
alternate
;
animation
:
alerting-panel
1
.6s
cubic-bezier
(
1
,
0
.1
,
0
.73
,
1
)
0s
infinite
alternate
;
}
&
--ok
{
.panel-alert-icon
:before
{
color
:
$online
;
content
:
"\e611"
;
content
:
'\e611'
;
}
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment