Improve design in some dialogs
Improve format selection
This commit is contained in:
JannisX11
parent
b6c3c3fbaa
commit
9c0bbd988f
@ -220,6 +220,9 @@
|
||||
margin-top: 5px;
|
||||
float: left;
|
||||
}
|
||||
#settings h3 > i.settings_expand_icon {
|
||||
opacity: 0.7;
|
||||
}
|
||||
#settings h3:hover {
|
||||
color: var(--color-light);
|
||||
}
|
||||
@ -249,7 +252,7 @@
|
||||
#settingslist li li {
|
||||
padding: 5px 0;
|
||||
}
|
||||
#settingslist li li:hover {
|
||||
#settingslist li li:hover input[type=checkbox] {
|
||||
color: var(--color-light);
|
||||
}
|
||||
#settingslist li > .setting_element {
|
||||
@ -330,10 +333,10 @@
|
||||
}
|
||||
#keybindlist li > div.keybindslot {
|
||||
width: calc(48% - 32px);
|
||||
padding: 2px;
|
||||
padding: 4px;
|
||||
padding-left: 8px;
|
||||
height: 30px;
|
||||
background-color: var(--color-button);
|
||||
background-color: var(--color-back);
|
||||
border: 1px solid var(--color-border);
|
||||
font-size: 0.94em;
|
||||
overflow: hidden;
|
||||
@ -341,7 +344,6 @@
|
||||
display: inline-block;
|
||||
}
|
||||
#keybindlist li > div.keybindslot:hover {
|
||||
background-color: var(--color-selected);
|
||||
color: var(--color-light);
|
||||
}
|
||||
#keybindlist li > div.keybindslot.conflict {
|
||||
@ -351,13 +353,14 @@
|
||||
background: transparent;
|
||||
width: calc(52% - 28px);
|
||||
text-align: right;
|
||||
padding: 2px;
|
||||
padding: 4px;
|
||||
padding-left: 8px;
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
}
|
||||
#keybindlist > li > ul > li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
#keybindlist > li {
|
||||
width: 100%;
|
||||
@ -633,9 +636,11 @@
|
||||
min-height: 80px;
|
||||
}
|
||||
#plugin_list li {
|
||||
border: 1px solid var(--color-border);
|
||||
height: 128px;
|
||||
overflow-y: hidden;
|
||||
margin: 8px;
|
||||
background-color: var(--color-ui);
|
||||
margin-right: 2px;
|
||||
}
|
||||
#plugin_list li.expanded {
|
||||
min-height: 128px;
|
||||
|
||||
@ -105,8 +105,8 @@
|
||||
<script src="js/animations/timeline.js"></script>
|
||||
<script src="js/plugin_loader.js"></script>
|
||||
|
||||
<script src="js/io/format.js"></script>
|
||||
<script src="js/io/codec.js"></script>
|
||||
<script src="js/io/format.js"></script>
|
||||
<script src="js/io/project.js"></script>
|
||||
<script src="js/io/io.js"></script>
|
||||
<script src="js/io/formats/bbmodel.js"></script>
|
||||
@ -236,7 +236,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="bar">
|
||||
<div class="bar" style="margin: 4px 0;">
|
||||
<div class="search_bar">
|
||||
<input type="text" class="dark_bordered" id="action_search_bar" oninput="BARS.list.updateSearch()">
|
||||
<i class="material-icons" id="plugin_search_bar_icon">search</i>
|
||||
@ -428,7 +428,7 @@
|
||||
|
||||
<li v-for="category in structure" v-if="!category.hidden">
|
||||
<h3 v-on:click="toggleCategory(category)">
|
||||
<i class="material-icons">{{ category.open ? 'expand_more' : 'navigate_next' }}</i>
|
||||
<i class="material-icons settings_expand_icon">{{ category.open ? 'expand_more' : 'navigate_next' }}</i>
|
||||
{{ category.name }}
|
||||
</h3>
|
||||
<ul v-if="category.open">
|
||||
@ -486,7 +486,7 @@
|
||||
<ul id="keybindlist">
|
||||
<li v-for="category in structure" v-if="!category.hidden">
|
||||
<h3 v-on:click="toggleCategory(category)">
|
||||
<i class="material-icons f_left">{{ category.open ? 'expand_more' : 'navigate_next' }}</i>
|
||||
<i class="material-icons f_left settings_expand_icon">{{ category.open ? 'expand_more' : 'navigate_next' }}</i>
|
||||
{{ category.name }}
|
||||
<i class="material-icons f_right" v-if="category.conflict" style="color: var(--color-close);">fiber_manual_record</i>
|
||||
</h3>
|
||||
|
||||
@ -217,16 +217,14 @@ class ModelFormat {
|
||||
}
|
||||
}
|
||||
|
||||
BARS.defineActions(function() {
|
||||
new ModelFormat({
|
||||
id: 'free',
|
||||
icon: 'icon-format_free',
|
||||
rotate_cubes: true,
|
||||
bone_rig: true,
|
||||
centered_grid: true,
|
||||
optional_box_uv: true,
|
||||
uv_rotation: true,
|
||||
animation_mode: true,
|
||||
codec: Codecs.project
|
||||
})
|
||||
new ModelFormat({
|
||||
id: 'free',
|
||||
icon: 'icon-format_free',
|
||||
rotate_cubes: true,
|
||||
bone_rig: true,
|
||||
centered_grid: true,
|
||||
optional_box_uv: true,
|
||||
uv_rotation: true,
|
||||
animation_mode: true,
|
||||
codec: Codecs.project
|
||||
})
|
||||
|
||||
@ -67,13 +67,13 @@
|
||||
"format.skin": "Minecraft Skin",
|
||||
"format.skin.desc": "Edit player and entity skins",
|
||||
"format.java_block": "Java Block/Item",
|
||||
"format.java_block.desc": "Block model for Java Edition. Size and rotations are limited.",
|
||||
"format.java_block.desc": "Block or item model for Minecraft Java Edition.",
|
||||
"format.bedrock": "Bedrock Model",
|
||||
"format.bedrock.desc": "Model for Bedrock Edition",
|
||||
"format.bedrock.desc": "Model for Minecraft Bedrock Edition",
|
||||
"format.bedrock_old": "Bedrock Legacy Model",
|
||||
"format.bedrock_old.desc": "Pre-1.12 Bedrock Edition entity model",
|
||||
"format.bedrock_old.desc": "Pre-1.12 Minecraft Bedrock Edition entity model",
|
||||
"format.modded_entity": "Modded Entity",
|
||||
"format.modded_entity.desc": "Entity model for mods. Can be exported as .java class files.",
|
||||
"format.modded_entity.desc": "Entity model for Minecraft mods. Can be exported as .java class files.",
|
||||
"format.optifine_entity": "OptiFine Entity",
|
||||
"format.optifine_entity.desc": "Custom entity model for OptiFine",
|
||||
"format.optifine_part": "OptiFine Part",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user