JannisX11/blockbench
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Start screen changes

Browse Source
This commit is contained in:
JannisX11 2022-06-05 17:33:03 +02:00
parent 62061d9f51
commit f113bfddfe
3 changed files with 31 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
css/window.css
View File

@ -955,14 +955,27 @@
.format_entry i.fa_big { .format_entry i.fa_big {
font-size: 16pt; font-size: 16pt;
} }
.format_entry.start_screen_link:hover {
text-decoration: underline;
}
.format_entry.start_screen_link::after {
float: right;
content: "\f08e";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
color: var(--color-subtle_text);
font-size: 15px;
margin-right: 10px;
}
.format_target { .format_target {
padding: 10px 0; padding: 10px 0;
} }
.format_target span { .format_target span {
padding: 2px 4px; padding: 2px 4px;
margin: 0 2px; margin: 0 2px;
background-color: var(--color-button); background-color: var(--color-accent);
border-radius: 5px; border-radius: 5px;
color: var(--color-accent_text);
} }
#start_files .button_bar { #start_files .button_bar {
text-align: left; text-align: left;

22
js/interface/start_screen.js
View File

@ -207,6 +207,9 @@ onVueSetup(function() {
if (format_entry.onStart) format_entry.onStart(); if (format_entry.onStart) format_entry.onStart();
if (typeof format_entry.new == 'function') format_entry.new(); if (typeof format_entry.new == 'function') format_entry.new();
}, },
openLink(link) {
Blockbench.openLink(link);
},
tl tl
}, },
computed: { computed: {
@ -228,12 +231,6 @@ onVueSetup(function() {
<div class="start_screen_left" v-if="!(selected_format_id && mobile_layout)"> <div class="start_screen_left" v-if="!(selected_format_id && mobile_layout)">
<h2>${tl('mode.start.new')}</h2> <h2>${tl('mode.start.new')}</h2>
<div class="bar next_to_title">
<div class="tool quickstart_button" onclick="Blockbench.openLink('https://blockbench.net/quickstart/')">
<div class="tooltip">${tl('menu.help.quickstart')}</div>
<i class="fas fa-question-circle"></i>
</div>
</div>
<ul> <ul>
<li v-for="(category, key) in getFormatCategories()" class="format_category" :key="key"> <li v-for="(category, key) in getFormatCategories()" class="format_category" :key="key">
<label>{{ category.name }}</label> <label>{{ category.name }}</label>
@ -252,6 +249,19 @@ onVueSetup(function() {
</li> </li>
</ul> </ul>
</li> </li>
<li class="format_category">
<label>${tl('mode.start.info')}</label>
<ul>
<li class="format_entry start_screen_link" @click="openLink('https://blockbench.net/quickstart')">
<span class="icon_wrapper f_left"><i class="material-icons">help</i></span>
<label>${tl('menu.help.quickstart')}</label>
</li>
<li class="format_entry start_screen_link" @click="openLink('https://blockbench.net/wiki')">
<span class="icon_wrapper f_left"><i class="material-icons">menu_book</i></span>
<label>Blockbench Wiki</label>
</li>
</ul>
</li>
</ul> </ul>
</div> </div>

1
lang/en.json
View File

@ -85,6 +85,7 @@
"mode.start.new": "New", "mode.start.new": "New",
"mode.start.recent": "Recent", "mode.start.recent": "Recent",
"mode.start.no_recents": "No recently opened models", "mode.start.no_recents": "No recently opened models",
"mode.start.info": "Info",
"mode.start.target": "Target", "mode.start.target": "Target",
"mode.start.start": "Start", "mode.start.start": "Start",
"mode.start.quick_setup": "Quick Setup", "mode.start.quick_setup": "Quick Setup",