Issue 1175 : Chrome's bugs fixes on plugin's page

* replacing fieldset and legend by divs
 * repair the filter input
This commit is contained in:
Zacharie
2020-04-23 10:44:19 +02:00
parent 0a268bcce1
commit a05aa4d72a
2 changed files with 22 additions and 10 deletions
@@ -182,11 +182,14 @@ jQuery(document).ready(function() {
{if $field_name != $plugin.STATE}
{if $field_name != 'null'}
</fieldset>
</div> {* PluginBoxes Container*}
</div> {* PluginBoxes*}
{/if}
<fieldset class="pluginBoxes plugin-{$plugin.STATE}" {if $plugin.STATE == 'inactive'}{if $count_types_plugins["inactive"]>8}style="display:none"{/if}{/if}>
<legend>
<div class="pluginBoxes plugin-{$plugin.STATE}" {if $plugin.STATE == 'inactive'}{if $count_types_plugins["inactive"]>8}style="display:none"{/if}{/if}>
{assign var='field_name' value=$plugin.STATE}
<div class="pluginBoxesHead">
<div class="pluginBoxesTitle">
<p>
{if $plugin.STATE == 'active'}
@@ -205,8 +208,9 @@ jQuery(document).ready(function() {
{if $plugin.STATE == 'active'}
<div class="deactivate_all"><a>{'Deactivate all'|@translate}</a></div>
{/if}
</legend>
{assign var='field_name' value=$plugin.STATE}
</div>
<div class="pluginBoxesContainer">
{/if}
{if not empty($plugin.AUTHOR)}
@@ -264,7 +268,8 @@ jQuery(document).ready(function() {
{/foreach}
</fieldset>
</div> {* PluginBoxes Container*}
</div> {* PluginBoxes*}
<div class="showInactivePlugins" {if $count_types_plugins["inactive"]<=8}style="display:none"{/if} >
<div class="showInactivePluginsInfo">
+10 -3
View File
@@ -1077,13 +1077,19 @@ h2:lang(en) { text-transform:capitalize; }
.pluginBoxes {
border: none;
padding: 20px;
padding-top: 0;
min-height: 271px;
text-align:left;
}
.pluginBoxesContainer {
position:relative;
display: flex;
flex-wrap: wrap;
justify-content: left;
padding: 0;
min-height: 271px;
}
.pluginBoxesTitle {font-size: 16px;}
@@ -1093,7 +1099,7 @@ h2:lang(en) { text-transform:capitalize; }
.pluginFilter,.pluginBoxesTitle {display: flex;align-items: center}
.pluginFilter p{margin-right: 10px}
.pluginFilter input {padding: 3px}
.pluginFilter {justify-content: end;position: absolute;right: 20px}
.pluginFilter {justify-content: end;position: absolute;right: 20px; z-index: 2;}
.pluginBoxesCount {
background-color: rgb(150, 150, 150);
@@ -1131,6 +1137,7 @@ h2:lang(en) { text-transform:capitalize; }
border-radius:2px;
-moz-border-radius:2px;
overflow:hidden;
margin-left: 0;
}
.pluginBar {width: 1.5%;}