v3.2.0

JannisX11 · Dec 15, 2019 · ec94ec8 · ec94ec8
1 parent f9f46ea
commit ec94ec8
Show file tree

Hide file tree

Showing 73 changed files with 9,991 additions and 7,097 deletions.
diff --git a/css/dialogs.css b/css/dialogs.css
@@ -8,19 +8,19 @@
 		opacity: 0.6;
 		z-index: 19;
 	}
-	#dialog_close_button {
+	.dialog_close_button {
 		position: absolute;
 		right: 0px;
 		top: 0px;
 		height: 30px;
 		width: 30px;
 		padding: 4px;
 	}
-	#dialog_close_button:hover {
+	.dialog_close_button:hover {
 		color: var(--color-light);
 		background-color: var(--color-close);
 	}
-	.dialog:not(.draggable) #dialog_close_button {
+	.dialog:not(.draggable) .dialog_close_button {
 		top: 8px;
 		right: -34px;
 	}
@@ -36,6 +36,7 @@
 		left: unset;
 		right: unset;
 		bottom: unset;
+		display: none;
 	}
 
 	@media (max-device-width: 480px) {
@@ -55,6 +56,10 @@
 		margin-right: auto;
 		margin-left: auto;
 	}
+	.dialog:not(.ui-resizable) {
+		min-width: 400px;
+		max-width: 660px;
+	}
 	.dialog.paddinged {
 		padding: 24px;
 		padding-bottom: 12px;
@@ -76,6 +81,9 @@
 		margin-top: 16px;
 		margin: 16px 4px 0 4px;
 	}
+	.dialog_bar input[type=checkbox] {
+		padding: 0 4px;
+	}
 	.tab_bar {
 		height: 30px;
 		display: flex;
@@ -136,9 +144,24 @@
 		user-select: text;
 	}
 
+	dialog .form_bar_file > input {
+		padding-right: 30px;
+	}
+	dialog .form_bar_file > .material-icons {
+		position: absolute;
+		margin-left: -28px;
+		margin-top: 4px;
+		opacity: 0.75;
+	}
+	dialog .form_bar_file:hover > .material-icons {
+		opacity: 1;
+	}
+
 /*Settings Dialog*/
 	dialog#settings {
-		width: 600px;
+		min-width: 400px;
+    	max-width: 640px;
+    	width: 100%;
 	}
 	#settings_tab_bar {
 		margin: -24px;
@@ -262,6 +285,9 @@
 		background-color: var(--color-selected);
 		color: var(--color-light);
 	}
+	#keybindlist li > div.keybindslot.conflict {
+		  border-left: 4px solid var(--color-close);
+	}
 	#keybindlist li > div:first-child {
 		background: transparent;
 		width: calc(52% - 28px);
@@ -291,8 +317,9 @@
 		margin-bottom: 20px;
 	}
 	.color_field {
-		min-height: 64px;
-		width: 100%
+		min-height: 50px;
+		width: 100%;
+		margin: 2px 0;
 	}
 	.color_field .desc {
 		width: calc(100% - 60px);
@@ -307,13 +334,15 @@
 		font-size: 1.2em;
 	}
 	.layout_color_preview {
-		height: 32px;
-		width: 42px;
+		height: 45px;
+		width: 45px;
 		margin: 4px;
-		margin-top: 10px;
 		display: inline-block;
 		vertical-align: top;
-    	border: 1px solid var(--color-border);
+	}
+	.prism-editor-wrapper .prism-editor__line-numbers {
+		background-color: var(--color-back) !important;
+		height: 56px;
 	}
 
 	/*About*/
@@ -362,6 +391,17 @@
 		width: 128px;
 		margin-bottom: -7px;
 	}
+	#import_texture_list li {
+		height: 112px;
+		width: 112px;
+		margin: 4px;
+		display: inline-block;
+		background-repeat: no-repeat;
+		background-size: contain;
+	}
+	#import_texture_list li:hover {
+		background-color: var(--color-selected);;
+	}
 	body.entity_mode button.entity_mode_uv_button {
 		display: block;
 		padding: 0;
@@ -412,6 +452,11 @@
 		margin-left: 0;
 	}
 
+	/*Import entity texture*/
+	dialog#select_texture > ul {
+	    max-height: 420px;
+	}
+
 	/*Selection Creator*/
 	input[type=range].dark_bordered {
 		height: 30px;
@@ -502,7 +547,7 @@
 		float: left;
 	}
 	.dialog#plugins {
-		width: 660px;
+		width: 100%;
 	}
 	#plugins .tab_bar {
 		width: calc(100% - 300px);

diff --git a/css/general.css b/css/general.css
@@ -48,7 +48,7 @@
 		display: inline-block;
 	}
 	.code {
-		font-family: consolas, monospace;
+		font-family: var(--font-code);
 		font-size: 16px;
 	}
 	.small_text {
@@ -84,6 +84,16 @@
 	input.medium_width {
 		width: 64px;
 	}
+	.checkerboard {
+		--color-checker_offset: rgba(0, 0, 0, 0.16);
+		background-color: var(--color-checkerboard) !important;
+		background-image: linear-gradient(45deg, var(--color-checkerboard) 25%, transparent 25%),
+						  linear-gradient(-45deg, var(--color-checkerboard) 25%, transparent 25%),
+						  linear-gradient(45deg, transparent 75%, var(--color-checkerboard) 75%),
+						  linear-gradient(-45deg, var(--color-checker_offset) 75%, var(--color-checkerboard) 75%);
+		background-size: 30px 30px;
+		background-position: 0 0, 0 15px, 15px -15px, -15px 0px;
+	}
 
 /*General*/
 	canvas.preview {
@@ -195,6 +205,25 @@
 		display: none !important;
 	}
 
+	#center_tip {
+		top: 0;
+		left: 0;
+		right: 0;
+		margin: auto;
+		min-width: 200px;
+		max-width: 100%;
+		position: absolute;
+		text-align: center;
+		background-color: var(--color-accent);
+		color: var(--color-text_acc);
+		width: max-content;
+		padding: 3px 8px;
+	}
+	#center_tip i {
+		vertical-align: text-bottom;
+		margin-right: 6px;
+	}
+
 	.spinning {
 		-webkit-animation: spin 2s linear infinite;
 		-moz-animation: spin 2s linear infinite;
@@ -340,7 +369,7 @@
 	.text_button:hover {
 		color: var(--color-light);
 	}
-	.bar_select {
+	.bar_select_wrapper {
 		position: relative;
 	}
 	.bar_select:hover {
@@ -350,7 +379,7 @@
 		padding-right: 24px;
 		width: 100%;
 	}
-	.bar_select::before {
+	.bar_select .bar_select_wrapper::before {
 		content: "\23F7";
 		display: block;
 		position: absolute;
@@ -469,6 +498,32 @@
 	#start_screen h3 {
 		margin: 0;
 	}
+	#start_screen .recent_project {
+		margin: 2px 0;
+		display: flex;
+	}
+	#start_screen .recent_project .icon_wrapper {
+		flex-shrink: 0;
+	}
+	#start_screen .recent_project_name {
+		font-size: 1.1em;
+		overflow-x: hidden;
+		flex-shrink: 1;
+		flex-grow: 1;
+		margin: 0 4px;
+	}
+	#start_screen .recent_project_date {
+		flex-shrink: 0;
+	}
+	span.recent_project_date:before {
+		content: "";
+		display: block;
+		position: absolute;
+		width: 16px;
+		height: 26px;
+		margin-left: -20px;
+		background: linear-gradient(90deg, transparent, var(--color-ui));
+	}
 
 	#start_screen > content {
 		display: block;