Improve plugin browser back button styling

This commit is contained in:
JannisX11 2023-07-23 14:00:23 +02:00
parent fc9659dd68
commit d974446e59
2 changed files with 12 additions and 1 deletions

View File

@ -1379,6 +1379,13 @@ dialog#edit_bedrock_binding > .dialog_wrapper > .dialog_content {
.disabled_plugin {
color: var(--color-subtle_text);
}
.plugin_browser_back_button {
padding: 5px 16px;
margin-top: 5px;
}
.plugin_browser_back_button > i {
vertical-align: text-bottom;
}
.plugin_browser_page_header {
padding: 16px 24px;
}
@ -1392,6 +1399,8 @@ dialog#edit_bedrock_binding > .dialog_wrapper > .dialog_content {
}
.plugin_browser_page_titlebar h1 {
margin: 0;
margin-top: 4px;
line-height: normal;
}
#plugin_browser_page > .about {
overflow-y: auto;

View File

@ -874,7 +874,9 @@ BARS.defineActions(function() {
</div>
<div id="plugin_browser_page" v-if="selected_plugin">
<div v-if="isMobile" @click="selected_plugin = null;">${tl('generic.navigate_back')}</div>
<div v-if="isMobile" @click="selected_plugin = null;" class="plugin_browser_back_button">
<i class="material-icons icon">arrow_back_ios</i>
${tl('generic.navigate_back')}</div>
<div class="plugin_browser_page_header" :class="{disabled_plugin: selected_plugin.disabled}">
<div class="plugin_browser_page_titlebar" :class="{disabled_plugin: selected_plugin.disabled}">
<div class="plugin_icon_area">