Replace .term sprite class with .d-flex container
This commit is contained in:
parent
1dfef406df
commit
4e42bccd50
3 changed files with 15 additions and 21 deletions
|
@ -905,12 +905,6 @@ div.secondary-actions {
|
||||||
/*rtl:ignore*/ background-position: -50px 0;
|
/*rtl:ignore*/ background-position: -50px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sprite.term {
|
|
||||||
margin-right: 10px;
|
|
||||||
vertical-align: middle;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sprite.node {
|
.sprite.node {
|
||||||
/*rtl:ignore*/ background-position: -100px 0;
|
/*rtl:ignore*/ background-position: -100px 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<h2><%= t ".title" %></h2>
|
<h2><%= t ".title" %></h2>
|
||||||
<div class='clearfix'>
|
<div class='d-flex align-items-center gap-2'>
|
||||||
<span class='sprite term question float-start'></span>
|
<span class='flex-shrink-0 align-self-start sprite question'></span>
|
||||||
<p><%= t ".paragraph_1_html", :help_link => link_to(t(".get_help_here"), help_path),
|
<p><%= t ".paragraph_1_html", :help_link => link_to(t(".get_help_here"), help_path),
|
||||||
:welcome_mat_link => link_to(t(".welcome_mat"), t(".welcome_mat_url")) %></p>
|
:welcome_mat_link => link_to(t(".welcome_mat"), t(".welcome_mat_url")) %></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -30,27 +30,27 @@
|
||||||
<p><%= t ".basic_terms.paragraph_1" %></p>
|
<p><%= t ".basic_terms.paragraph_1" %></p>
|
||||||
|
|
||||||
<ul class='list-unstyled'>
|
<ul class='list-unstyled'>
|
||||||
<li class='mb-2'>
|
<li class='d-flex align-items-center gap-2 mb-2'>
|
||||||
<span class='sprite term editor'></span>
|
<span class='flex-shrink-0 align-self-start sprite editor'></span>
|
||||||
<span><%= t ".basic_terms.an_editor_html", :editor => tag.strong(t(".basic_terms.editor")) %></span>
|
<span><%= t ".basic_terms.an_editor_html", :editor => tag.strong(t(".basic_terms.editor")) %></span>
|
||||||
</li>
|
</li>
|
||||||
<li class='mb-2'>
|
<li class='d-flex align-items-center gap-2 mb-2'>
|
||||||
<span class='sprite term node'></span>
|
<span class='flex-shrink-0 align-self-start sprite node'></span>
|
||||||
<span><%= t ".basic_terms.a_node_html", :node => tag.strong(t(".basic_terms.node")) %></span>
|
<span><%= t ".basic_terms.a_node_html", :node => tag.strong(t(".basic_terms.node")) %></span>
|
||||||
</li>
|
</li>
|
||||||
<li class='mb-2'>
|
<li class='d-flex align-items-center gap-2 mb-2'>
|
||||||
<span class='sprite term way'></span>
|
<span class='flex-shrink-0 align-self-start sprite way'></span>
|
||||||
<span><%= t ".basic_terms.a_way_html", :way => tag.strong(t(".basic_terms.way")) %></span>
|
<span><%= t ".basic_terms.a_way_html", :way => tag.strong(t(".basic_terms.way")) %></span>
|
||||||
</li>
|
</li>
|
||||||
<li class='mb-2'>
|
<li class='d-flex align-items-center gap-2 mb-2'>
|
||||||
<span class='sprite term tag'></span>
|
<span class='flex-shrink-0 align-self-start sprite tag'></span>
|
||||||
<span><%= t ".basic_terms.a_tag_html", :tag => tag.strong(t(".basic_terms.tag")) %></span>
|
<span><%= t ".basic_terms.a_tag_html", :tag => tag.strong(t(".basic_terms.tag")) %></span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div class='clearfix'>
|
|
||||||
<h2><%= t ".rules.title" %></h2>
|
<h2><%= t ".rules.title" %></h2>
|
||||||
<span class='sprite term rules float-start'></span>
|
<div class='d-flex align-items-center gap-2'>
|
||||||
|
<span class='flex-shrink-0 align-self-start sprite rules'></span>
|
||||||
<p><%= t ".rules.para_1_html", :imports_link => link_to(t(".rules.imports"), t(".rules.imports_url")),
|
<p><%= t ".rules.para_1_html", :imports_link => link_to(t(".rules.imports"), t(".rules.imports_url")),
|
||||||
:automated_edits_link => link_to(t(".rules.automated_edits"), t(".rules.automated_edits_url")) %></p>
|
:automated_edits_link => link_to(t(".rules.automated_edits"), t(".rules.automated_edits_url")) %></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue