XeLabs/awesome-prometheus-alerts
2
0
Fork 0
mirror of https://github.com/samber/awesome-prometheus-alerts.git synced 2026-06-24 10:26:58 +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 { a.anchor {
float: right; 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; cursor: pointer;
font-size: 14px; font-size: 14px;
color: #606c71; color: #606c71;
} }
details summary {
cursor: pointer;
}

30
rules.md
View file

@ -2,22 +2,6 @@
ul { ul {
list-style: none; 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> </style>
<div style="padding: 20px 20px 10px 20px; border: solid grey 1px; border-radius: 10px;"> <div style="padding: 20px 20px 10px 20px; border: solid grey 1px; border-radius: 10px;">
@ -85,12 +69,11 @@
{{ groupIndex}}.{{ serviceIndex }}.{{ ruleIndex }}. {{ groupIndex}}.{{ serviceIndex }}.{{ ruleIndex }}.
{{ rule.name }} {{ rule.name }}
</h4> </h4>
<details id="group-{{ groupIndex }}-service-{{ serviceIndex }}-rule-{{ ruleIndex }}" open=""> <summary>
<summary> {{ rule.description }}
{{ rule.description }} <span class="clipboard-single" data-clipboard-target-id="group-{{ groupIndex }}-service-{{ serviceIndex }}-rule-{{ ruleIndex }}" onclick="event.preventDefault();">[copy]</span>
<span class="clipboard-single" data-clipboard-target-id="group-{{ groupIndex }}-service-{{ serviceIndex }}-rule-{{ ruleIndex }}" onclick="event.preventDefault();">[copy]</span> </summary>
</summary> <div id="group-{{ groupIndex }}-service-{{ serviceIndex }}-rule-{{ ruleIndex }}">
<p>
{% assign ruleName = rule.name | split: ' ' %} {% assign ruleName = rule.name | split: ' ' %}
{% capture ruleNameCamelcase %}{% for word in ruleName %}{{ word | capitalize }} {% endfor %}{% endcapture %} {% capture ruleNameCamelcase %}{% for word in ruleName %}{{ word | capitalize }} {% endfor %}{% endcapture %}
@ -107,8 +90,7 @@
{% endhighlight %} {% endhighlight %}
</p> </div>
</details>
<br/> <br/>
</li> </li>
{% endfor %} {% endfor %}