XeLabs/awesome-prometheus-alerts
2
0
Fork 0
mirror of https://github.com/samber/awesome-prometheus-alerts.git synced 2026-06-22 01:17:19 +08:00
Code Issues Projects Releases Packages Wiki Activity

💄 styling

Browse source
This commit is contained in:
Samuel Berthe 2021-01-26 23:43:09 +01:00
parent 12a54bcbd4
commit 81d3dc9a24
No known key found for this signature in database
GPG key ID: 64863511FFBD0E3C
2 changed files with 35 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
assets/css/app.css
View file

@ -1,11 +1,33 @@
.clipboard-single,
.clipboard-multiple {
float: right;
a.anchor {
font-size: 15px;
vertical-align: middle;
color: darkblue;
display: inline-block;
padding-bottom: 5px;
margin-right: 5px;
opacity: 0;
transition: opacity 0.4s;
}
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor {
opacity: 1;
}
summary {
position: relative;
padding-left: 60px;
padding-right: 50px;
margin-bottom: 15px;
font-size: 15px;
}
summary .clipboard-single,
summary .clipboard-multiple {
right: 0;
position: absolute;
cursor: pointer;
font-size: 14px;
color: #606c71;
}
details summary {
cursor: pointer;
}

30
rules.md
View file

@ -2,22 +2,6 @@
ul {
list-style: none;
}
a.anchor {
font-size: 15px;
vertical-align: middle;
color: darkblue;
display: inline-block;
padding-bottom: 5px;
margin-right: 5px;
opacity: 0;
transition: opacity 0.4s;
}
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor {
opacity: 1;
}
</style>
<div style="padding: 20px 20px 10px 20px; border: solid grey 1px; border-radius: 10px;">
@ -85,12 +69,11 @@
{{ groupIndex}}.{{ serviceIndex }}.{{ ruleIndex }}.
{{ rule.name }}
</h4>
<details id="group-{{ groupIndex }}-service-{{ serviceIndex }}-rule-{{ ruleIndex }}" open="">
<summary>
{{ rule.description }}
<span class="clipboard-single" data-clipboard-target-id="group-{{ groupIndex }}-service-{{ serviceIndex }}-rule-{{ ruleIndex }}" onclick="event.preventDefault();">[copy]</span>
</summary>
<p>
<summary>
{{ rule.description }}
<span class="clipboard-single" data-clipboard-target-id="group-{{ groupIndex }}-service-{{ serviceIndex }}-rule-{{ ruleIndex }}" onclick="event.preventDefault();">[copy]</span>
</summary>
<div id="group-{{ groupIndex }}-service-{{ serviceIndex }}-rule-{{ ruleIndex }}">
{% assign ruleName = rule.name | split: ' ' %}
{% capture ruleNameCamelcase %}{% for word in ruleName %}{{ word | capitalize }} {% endfor %}{% endcapture %}
@ -107,8 +90,7 @@
{% endhighlight %}
</p>
</details>
</div>
<br/>
</li>
{% endfor %}