mirror/blockbench
2
0
Fork 0
mirror of https://github.com/JannisX11/blockbench.git synced 2025-02-17 16:20:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Tweak plugin loader design

Browse Source
This commit is contained in:
JannisX11 2023-06-23 23:14:04 +02:00
parent f91306cde2
commit 07edfa7339
2 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/dialogs.css
View File

@ -1166,9 +1166,7 @@ dialog#edit_bedrock_binding > .dialog_wrapper > .dialog_content {
margin-top: 10px;
}
#plugin_list {
max-height: 600px;
overflow-y: scroll;
min-height: 80px;
}
#plugin_list > li {
overflow-y: hidden;
@ -1337,10 +1335,28 @@ dialog#edit_bedrock_binding > .dialog_wrapper > .dialog_content {
}
#plugin_browser_page .button_bar {
margin: 8px 0px;
float: right;
}
#plugin_browser_page .button_bar button {
height: 40px;
min-width: 130px;
min-width: 36px;
height: 70px;
background-color: transparent;
margin: 0;
width: 72px;
margin-right: 0;
padding: 0;
text-decoration: none;
}
#plugin_browser_page .button_bar button:hover {
background-color: var(--color-accent);
}
#plugin_browser_page .button_bar button i {
display: block;
text-align: center;
width: 100%;
max-width: unset;
font-size: 35px;
text-decoration: none;
}
.plugin_browser_page_header {
display: flex;

14
js/plugin_loader.js
View File

@ -574,7 +574,7 @@ BARS.defineActions(function() {
plugins,
}
}).filter(row => row.plugins.length > 1);
return rows.slice(0, 4);
return rows.sort((a, b) => a.plugins.length - b.plugins.length).slice(0, 3);
}
},
methods: {
@ -652,17 +652,18 @@ BARS.defineActions(function() {
</div>
</div>
<div class="button_bar" v-if="selected_plugin.installed || selected_plugin.isInstallable() == true">
<button type="button" class="" v-on:click="selected_plugin.uninstall()" v-if="selected_plugin.installed"><i class="material-icons">delete</i><span>${tl('dialog.plugins.uninstall')}</span></button>
<button type="button" class="" v-on:click="selected_plugin.install()" v-else><i class="material-icons">add</i><span>${tl('dialog.plugins.install')}</span></button>
<button type="button" v-on:click="selected_plugin.reload()" v-if="selected_plugin.installed && selected_plugin.isReloadable()"><i class="material-icons">refresh</i><span>${tl('dialog.plugins.reload')}</span></button>
</div>
<ul class="plugin_tag_list">
<li v-for="tag in selected_plugin.tags" :class="getTagClass(tag)" :key="tag" @click="search_term = tag;">{{tag}}</li>
</ul>
<div class="description">{{ selected_plugin.description }}</div>
<div class="button_bar" v-if="selected_plugin.installed || selected_plugin.isInstallable() == true">
<button type="button" class="" v-on:click="selected_plugin.uninstall()" v-if="selected_plugin.installed"><i class="material-icons">delete</i><span>${tl('dialog.plugins.uninstall')}</span></button>
<button type="button" class="" v-on:click="selected_plugin.install()" v-else><i class="material-icons">add</i><span>${tl('dialog.plugins.install')}</span></button>
<button type="button" v-on:click="selected_plugin.reload()" v-if="selected_plugin.installed && selected_plugin.isReloadable()"><i class="material-icons">refresh</i><span>${tl('dialog.plugins.reload')}</span></button>
</div>
<div class="button_bar tiny plugin_compatibility_issue" v-if="selected_plugin.isInstallable() != true">
<i class="material-icons icon">error</i>
{{ selected_plugin.isInstallable() }}
@ -716,7 +717,6 @@ BARS.defineActions(function() {
BarItems.load_plugin_from_url.toElement('#plugins_list_main_bar');
actions_setup = true;
}
$('#plugin_list').css('max-height', limitNumber(window.innerHeight-226, 80, 800)+'px');
$('dialog#plugins #plugin_search_bar input').trigger('focus')
}
})