Appease Sonar

app/frontend/static/assets/css/crafty.css

@@ -247,7 +247,7 @@ body {
 }
 
 .gray {
-    color: gray !important;
+    color: var(--gray) !important;
 }
 
 .disk-usage {

app/frontend/static/assets/css/partial/crafty-wizard.css

@@ -42,84 +42,6 @@ button>i.refresh-class {
     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;
-}
-
 #overlay {
     position: absolute;
     top: 0px;

app/frontend/templates/base.html

@@ -46,7 +46,6 @@
   {% for theme in data['themes'] %}
   <link rel="stylesheet" href="/static/assets/css/themes/{{ theme }}.css">
   {% end %}
-  <!--<link rel="stylesheet" href="/static/assets/css/dark/style.css">-->
   <link rel="stylesheet" href="/static/assets/css/base-style.css">
   <link rel="stylesheet" href="/static/assets/css/crafty.css">
   <!-- End Layout styles -->

app/frontend/templates/blank_base.html

@@ -32,7 +32,6 @@
   {% for theme in data['themes'] %}
   <link rel="stylesheet" href="/static/assets/css/themes/{{ theme }}.css">
   {% end %}
-  <!--<link rel="stylesheet" href="/static/assets/css/dark/style.css">-->
   <link rel="stylesheet" href="/static/assets/css/base-style.css">
   <link rel="stylesheet" href="/static/assets/css/crafty.css">
   <!-- End Layout styles -->

app/frontend/templates/panel/activity_logs.html

@@ -31,7 +31,7 @@
         <div class="card-body">
 
           <div class="table-responsive">
-            <table class="table table-hover" id="audit_table" width="100%">
+            <table class="table table-hover w-100" id="audit_table">
               <thead>
                 <tr class="rounded">
                   <th>Time</th>
@@ -44,8 +44,7 @@
               <tbody>
                 <tr>
                   <td colspan="5" id="image-div" class="text-center"> <!-- Center image within table -->
-                    <img class="img-center" id="logo-animate" src="../static/assets/images/crafty-logo-square-1024.png"
+                    <img class="img-center" id="logo-animate" src="../static/assets/images/crafty-logo-square-1024.png" alt="Crafty Logo, Crafty is loading" width="20%"><br><br>{{ translate('datatables',
-                      alt="Crafty Logo, Crafty is loading" width="20%"><br><br>{{ translate('datatables',
                     'loadingRecords', data['lang'])}}
                   </td>
                 </tr>

app/frontend/templates/public/status.html

@@ -18,7 +18,7 @@
   <div class="content-wrapper col-md login-modal d-none d-sm-block bg-dropdown">
     <div class="row text-center">
       <div class="col-12">
-        <img src="/static/assets/images/logo_long.png" class="w-25">
+        <img src="/static/assets/images/logo_long.png" class="w-25" alt="Crafty Logo">
       </div>
     </div>
     <hr />
@@ -94,7 +94,7 @@
 <!-- View for Small screen -->
 <div class="row justify-content-center align-items-sm-center">
   <div class="content-wrapper login-modal d-sm-none d-block bg-dropdown">
-    <img src="/static/assets/images/logo_long.png" class="w-100">
+    <img src="/static/assets/images/logo_long.png" class="w-100" alt="Crafty Logo">
     <hr />
     <div class="accordion" id="accordionServers">
       {% for server in data['servers'] %}
@@ -210,7 +210,7 @@
           m_motd = `<img class="w-25 mr-3" src="/static/assets/images/pack.png" alt="icon" /> `;
         }
 
-        desc_motd = `<span id="input_motd_` + server.id + `" class="input_motd align-middle">` + server.desc + `</span> <br />`;
+        var desc_motd = `<span id="input_motd_` + server.id + `" class="input_motd align-middle">` + server.desc + `</span> <br />`;
         m_motd = m_motd + `<div class="media-body"><span id="m_input_motd_` + server.id + `" class="input_motd align-middle">` + server.desc + `</span></div>`;
 
         motd = `<div class="row"><div class="col-auto">` + img_motd + `</div><div class="col-auto text-left align-items-center align-content-center">` + desc_motd + `</div></div>`;