Replace .term sprite class with .d-flex container

This commit is contained in:
Anton Khorev 2024-05-15 16:42:21 +03:00
parent 1dfef406df
commit 4e42bccd50
3 changed files with 15 additions and 21 deletions

View file

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

View file

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

View file

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