From 4e6fdbe2327722ec53a75fe2d23ea51e299b2c09 Mon Sep 17 00:00:00 2001 From: Silversthorn Date: Tue, 13 Aug 2024 23:08:00 +0200 Subject: [PATCH] Fixing a bit more --- app/frontend/static/assets/css/crafty.css | 27 ++ .../assets/css/partial/crafty-wizard.css | 191 +++++++++++++ app/frontend/templates/panel/credits.html | 1 - .../templates/panel/custom_login.html | 2 +- app/frontend/templates/panel/loading.html | 4 +- .../templates/panel/parts/details_stats.html | 10 +- app/frontend/templates/public/status.html | 17 +- app/frontend/templates/public_base.html | 2 +- .../templates/server/bedrock_wizard.html | 118 +++----- app/frontend/templates/server/wizard.html | 251 ++---------------- 10 files changed, 288 insertions(+), 335 deletions(-) create mode 100644 app/frontend/static/assets/css/partial/crafty-wizard.css diff --git a/app/frontend/static/assets/css/crafty.css b/app/frontend/static/assets/css/crafty.css index 7f2f973a..ad373446 100644 --- a/app/frontend/static/assets/css/crafty.css +++ b/app/frontend/static/assets/css/crafty.css @@ -11,6 +11,27 @@ body.sidebar-icon-only .navbar-toggler .mdi-chevron-double-left { /**************************************************************/ +/**************************************************************/ +/* CSS as bootstrap extensions */ +/**************************************************************/ +.overflow-x-auto { + overflow-x: auto; +} + +.overflow-y-auto { + overflow-y: auto; +} + +.overflow-scroll { + overflow: scroll; +} + +.text-none { + text-transform: none; +} + +/**************************************************************/ + /**************************************************************/ /* CSS for MainMenu in partials/_sidebar.html */ /**************************************************************/ @@ -226,6 +247,12 @@ body { color: var(--red) !important; } +/* Useless ? +.input_motd { + max-width: 10px; + max-height: 10px; +}*/ + /**************************************************************/ /**************************************************************/ diff --git a/app/frontend/static/assets/css/partial/crafty-wizard.css b/app/frontend/static/assets/css/partial/crafty-wizard.css new file mode 100644 index 00000000..7cc69c1c --- /dev/null +++ b/app/frontend/static/assets/css/partial/crafty-wizard.css @@ -0,0 +1,191 @@ +#creation_wizard { + -webkit-filter: grayscale(1); +} + +.api-alert { + position: absolute; + top: -5px; + left: 0; + font-size: 50px !important; + color: #fff; + background: rgb(0, 170, 170); + opacity: .4; + width: 100%; + height: 100%; + z-index: 100; +} + +.api-alert p { + margin: 0; + position: absolute; + top: 50%; + left: 50%; + text-align: center; + font-size: 20px; + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +button>i.refresh-class { + margin: 0px; +} + +.refresh-class:hover { + cursor: grab; +} + +.scroll { + max-height: 12em; + overflow-y: auto; +} + +.menu-btn { + font-size: 0.9em; + padding: 2px 10px; +} + +.menu { + padding-top: 10px; + z-index: 200; + margin-top: 4px; + position: absolute; + background-color: var(--card-banner-bg); +} + +.menu-option { + padding: 6px 20px 6px; + color: white; +} + +#overlay { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + z-index: 100; +} + +/* Remove default bullets */ +.tree-view, +.tree-nested { + list-style-type: none; + margin: 0; + padding: 0; + margin-left: 10px; +} + +/* Style the items */ +.tree-item, +.files-tree-title { + cursor: pointer; + user-select: none; + /* Prevent text selection */ +} + +/* Create the caret/arrow with a unicode, and style it */ +.tree-caret .fa-folder { + display: inline-block; +} + +.tree-caret .fa-folder-open { + display: none; +} + +/* Rotate the caret/arrow icon when clicked on (using JavaScript) */ +.tree-caret-down .fa-folder { + display: none; +} + +.tree-caret-down .fa-folder-open { + display: inline-block; +} + +/* Hide the nested list */ +.tree-nested { + display: none; +} + +#op_logo { + position: relative; + top: 50%; + transform: translateY(-50%); +} + +.scroll { + max-height: 12em; + overflow-y: auto; +} + +.menu-btn { + font-size: 0.9em; + padding: 2px 10px; +} + +.menu { + padding-top: 10px; + z-index: 200; + margin-top: 4px; + position: absolute; + background-color: #2a2c44; +} + +.menu-option { + padding: 6px 20px 6px; + color: white; +} + +#overlay { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + z-index: 100; +} + +/* Remove default bullets */ +.tree-view, +.tree-nested { + list-style-type: none; + margin: 0; + padding: 0; + margin-left: 10px; +} + +/* Style the items */ +.tree-item, +.files-tree-title { + cursor: pointer; + user-select: none; + /* Prevent text selection */ +} + +/* Create the caret/arrow with a unicode, and style it */ +.tree-caret .fa-folder { + display: inline-block; +} + +.tree-caret .fa-folder-open { + display: none; +} + +/* Rotate the caret/arrow icon when clicked on (using JavaScript) */ +.tree-caret-down .fa-folder { + display: none; +} + +.tree-caret-down .fa-folder-open { + display: inline-block; +} + +/* Hide the nested list */ +.tree-nested { + display: none; +} + +#op_logo { + position: relative; + top: 50%; + transform: translateY(-50%); +} \ No newline at end of file diff --git a/app/frontend/templates/panel/credits.html b/app/frontend/templates/panel/credits.html index 9db28002..52c36029 100644 --- a/app/frontend/templates/panel/credits.html +++ b/app/frontend/templates/panel/credits.html @@ -36,7 +36,6 @@
-
{% if person['pic'] %} profile image diff --git a/app/frontend/templates/panel/custom_login.html b/app/frontend/templates/panel/custom_login.html index 3f25f181..1784fe42 100644 --- a/app/frontend/templates/panel/custom_login.html +++ b/app/frontend/templates/panel/custom_login.html @@ -102,7 +102,7 @@
-
+
Responsive image