updated ui-messages shortcode and styles, more changes to address PR feedback
parent
306ee8c3fa
commit
7ecf2434ae
|
@ -1,46 +1,44 @@
|
||||||
.article--content {
|
.article--content {
|
||||||
.ui-message {
|
.ui-message {
|
||||||
max-width: 350px;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
width: 375px;
|
||||||
margin: 1rem 0 2rem;
|
margin: 1rem 0 2rem;
|
||||||
padding: .85rem 2.75rem;
|
padding: .85rem 0;
|
||||||
font-size: .85rem;
|
font-size: .9rem;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
position: relative;
|
|
||||||
color: $g20-white;
|
color: $g20-white;
|
||||||
|
|
||||||
&:before {
|
.icon, .close {
|
||||||
|
width: 13%;
|
||||||
|
text-align: center;
|
||||||
font-family: 'icomoon';
|
font-family: 'icomoon';
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
left: 14px;
|
|
||||||
top: 17px;
|
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
.close:after {
|
||||||
content: "\e932";
|
content: "\e932";
|
||||||
font-family: 'icomoon';
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
right: 14px;
|
|
||||||
top: 18px;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
opacity: .25;
|
opacity: .25;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
width: 74%;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
&.green {
|
&.green {
|
||||||
background: linear-gradient(to right, #4dd7a1, #21adf5);
|
background: linear-gradient(to right, #4dd7a1, #21adf5);
|
||||||
&:before { content: "\e922"; }
|
.icon:before { content: "\e922"; }
|
||||||
}
|
}
|
||||||
|
|
||||||
&.blue {
|
&.blue {
|
||||||
background: linear-gradient(to right, #22adf6, #4591ed);
|
background: linear-gradient(to right, #22adf6, #4591ed);
|
||||||
&:before { content: "\e935"; }
|
.icon:before { content: "\e935"; }
|
||||||
}
|
}
|
||||||
|
|
||||||
&.red {
|
&.red {
|
||||||
background: linear-gradient(to right, #e8695c, #7669e8);
|
background: linear-gradient(to right, #e8695c, #7669e8);
|
||||||
&:before { content: "\e920"; }
|
.icon:before { content: "\e920"; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -12,11 +12,9 @@ The InfluxDB user interface (UI) allows you to update the **name** or **descript
|
||||||
of a Telegraf configuration created in the UI.
|
of a Telegraf configuration created in the UI.
|
||||||
|
|
||||||
{{% note %}}
|
{{% note %}}
|
||||||
You cannot modify the actual Telegraf settings associated with a configuration.
|
You cannot modify Telegraf settings in existing Telegraf configurations through the UI.
|
||||||
To modify Telegraf settings, [create a new Telegraf configuration](/v2.0/collect-data/use-telegraf/auto-config).
|
|
||||||
{{% /note %}}
|
{{% /note %}}
|
||||||
|
|
||||||
|
|
||||||
1. Click **Organizations** in the left navigation menu.
|
1. Click **Organizations** in the left navigation menu.
|
||||||
|
|
||||||
{{< nav-icon "orgs" >}}
|
{{< nav-icon "orgs" >}}
|
||||||
|
|
|
@ -2,5 +2,7 @@
|
||||||
{{ $color := .Get "color" | default "green" }}
|
{{ $color := .Get "color" | default "green" }}
|
||||||
|
|
||||||
<div class="ui-message {{ $color }}">
|
<div class="ui-message {{ $color }}">
|
||||||
<strong>{{ $text }}</strong>
|
<div class="icon"></div>
|
||||||
|
<div class="text">{{ $text }}</div>
|
||||||
|
<div class="close"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue