clean up html and css

Author: jelveh

src/backend/src/html_head.js

@@ -29,6 +29,7 @@ function html_head(options) {
 			html += `<meta charset="utf-8">`;
 			html += `<meta name="viewport" content="width=device-width, initial-scale=1">`;
 			html += `<meta name="description" content="${encode(options.meta_description ?? '')}">`;
+			html += `<meta name="referrer" content="no-referrer">`;
 			// title
 			html += `<title>${encode(options.title ?? 'Puter')}</title>`;
 			// favicons

src/gui/src/UI/UIWindowProgress.js

@@ -45,7 +45,7 @@ async function UIWindowProgress({
                 // spinner
                 h += `<svg style="overflow: visible;" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><title>circle anim</title><g fill="#212121" class="nc-icon-wrapper"><g class="nc-loop-circle-24-icon-f"><path d="M12 24a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-22a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2z" fill="#212121" opacity=".4"></path><path d="M24 12h-2A10.011 10.011 0 0 0 12 2V0a12.013 12.013 0 0 1 12 12z" data-color="color-2"></path></g><style>.nc-loop-circle-24-icon-f{--animation-duration:0.5s;transform-origin:12px 12px;animation:nc-loop-circle-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}</style></g></svg>`;
                 // Progress report
-                h += `<div style="font-size:15px; overflow: hidden; flex-grow: 1; text-overflow: ellipsis; white-space: nowrap;">
+                h += `<div class="progress-report">
                     <span class="progress-msg">${i18n('preparing')}</span>`;
                 if (show_progress) {
                     h += ` (<span class="progress-percent">0%</span>)`;
@@ -68,7 +68,7 @@ async function UIWindowProgress({
                 // Alert icon
                 h += `<img style="width:24px; height:24px;" src="${html_encode(window.icons['warning-sign.svg'])}" />`;
                 // Progress report
-                h += `<div style="font-size:15px; overflow: hidden; flex-grow: 1; text-overflow: ellipsis; white-space: nowrap;">
+                h += `<div class="progress-report">
                     <span class="progress-error-title"></span>`;
                 h += `</div>`;
             h += `</div>`;

src/gui/src/UI/UIWindowRefer.js

@@ -28,7 +28,7 @@ async function UIWindowRefer(options){
     h += `<div>`;
         h += `<div class="qr-code-window-close-btn generic-close-window-button disable-user-select"> &times; </div>`;
         h += `<img src="${window.icons['present.svg']}" style="width: 70px; margin: 20px auto 20px; display: block; margin-bottom: 20px;">`;
-        h += `<p style="text-align: center; font-size: 16px; padding: 20px; font-weight: 400; margin: -10px 10px 20px 10px; -webkit-font-smoothing: antialiased; color: #5f626d;">${i18n('refer_friends_c2a')}</p>`;
+        h += `<p class="refer-friend-c2a">${i18n('refer_friends_c2a')}</p>`;
         h += `<label style="font-weight: bold;">${i18n('invite_link')}</label>`;
         h += `<input type="text" style="margin-bottom:10px;" class="downloadable-link" readonly />`;
         h += `<button class="button button-primary copy-downloadable-link" style="white-space:nowrap; text-align:center;">${i18n('copy_link')}</button>` 

src/gui/src/UI/UIWindowSearch.js

@@ -170,10 +170,6 @@ $(document).on('click', '.search-result', async function(e){
             uid: fsuid,
             is_dir: is_dir,
             app: 'explorer',
-            // top: options.maximized ? 0 : undefined,
-            // left: options.maximized ? 0 : undefined,
-            // height: options.maximized ? `calc(100% - ${window.taskbar_height + window.toolbar_height + 1}px)` : undefined,
-            // width: options.maximized ? `100%` : undefined,
         });
 
         // close search window

src/gui/src/UI/UIWindowShare.js

@@ -21,7 +21,7 @@ import UIWindow from './UIWindow.js'
 async function UIWindowShare(items, recipient){
     return new Promise(async (resolve) => {
         let h = '';
-        h += `<div style="padding: 30px 40px 20px; border-bottom: 1px solid #ced7e1;">`;
+        h += `<div class="sharing-form">`;
             h += `<div class="generic-close-window-button" style="margin: 5px;"> &times; </div>`;
 
             //------------------------------------------------
@@ -62,7 +62,7 @@ async function UIWindowShare(items, recipient){
             // ------------------------------------------------
             // Item Name
             // ------------------------------------------------
-            h += `<h2 style="font-size: 17px; margin-top:0; text-align:center; margin-bottom: 40px; font-weight: 400; color: #303d49;">`;
+            h += `<h2 class="sharing-item-name">`;
                 h += `Share <strong>${html_encode(items[0].name)}</strong>`;
                 if(items.length > 1)
                     h += ` and ${items.length - 1} other item${items.length > 2 ? 's' : ''}`;
@@ -95,7 +95,7 @@ async function UIWindowShare(items, recipient){
             // ------------------------------------------------
             // Already Shared With
             // ------------------------------------------------
-            h += `<p style="font-size: 14px; margin-bottom: 0px; color: #303d49; text-shadow: 1px 1px white;">${i18n('People with access')}</p>`;
+            h += `<p>${i18n('People with access')}</p>`;
             h += `<div class="share-recipients hide-scrollbar">`;
             h += `</div>`;
         h += `</div>`;