updated ui-messages shortcode and styles, more changes to address PR feedback

pull/81/head
Scott Anderson 2019-03-07 11:01:55 -07:00
parent 306ee8c3fa
commit 7ecf2434ae
3 changed files with 21 additions and 23 deletions

View File

@ -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"; }
} }

View File

@ -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" >}}

View File

@ -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>