TodoApp - Style and translations

www/todo/inner.js

@@ -1,8 +1,8 @@
 define([
     'jquery',
-    //'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
     //'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
-    //'less!/file/todo.less',
+    'less!/todo/todo.less',
     //'less!/customize/src/less/cryptpad.less',
     'less!/customize/src/less/toolbar.less',
 ], function ($) {

www/todo/main.js

@@ -10,7 +10,7 @@ define([
     //'/common/media-tag.js',
     //'/bower_components/file-saver/FileSaver.min.js',
 
-    //'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
     'less!/customize/src/less/cryptpad.less',
 ], function ($, Crypto, realtimeInput, Toolbar, Cryptpad /*, Visible, Notify*/) {
     var Messages = Cryptpad.Messages;
@@ -42,14 +42,13 @@ define([
 
         Title = Cryptpad.createTitle({}, function(){}, Cryptpad);
 
-        var displayed = ['useradmin', 'newpad', 'limit', 'upgrade'];
-
         var configTb = {
-            displayed: displayed,
+            displayed: ['useradmin', 'newpad', 'limit', 'upgrade', 'pageTitle'],
             ifrw: ifrw,
             common: Cryptpad,
             //hideDisplayName: true,
             $container: $bar,
+            pageTitle: Messages.todo_title
         };
 
         APP.toolbar = Toolbar.create(configTb);

www/todo/todo.less

@@ -22,115 +22,7 @@ body {
     justify-content: center;
     align-items: center;
 }
-
-#app.ready {
-    background: url('/customize/bg3.jpg') no-repeat center center;
-    background-size: cover;
-    background-position: center;
-}
 .cryptpad-toolbar {
     padding: 0px;
     display: inline-block;
-}
-#file, #dl {
-    display: block;
-    height: 100%;
-    width: 100%;
-    border: @button-border solid black;
-}
-
-.inputfile {
-    width: 0.1px;
-    height: 0.1px;
-    opacity: 0;
-    overflow: hidden;
-    position: absolute;
-    z-index: -1;
-}
-
-media-tag {
-    img {
-        max-width: 100%;
-        max-height: ~"calc(100vh - 96px)";
-    }
-}
-
-#upload-form, #download-form {
-    padding: 0px;
-    margin: 0px;
-
-    position: relative;
-    width: 50vh;
-    height: 50vh;
-    display: block;
-    margin: 50px auto;
-    max-width: 80vw;
-    label {
-        line-height: ~"calc(50vh - 20px)";
-        text-align: center;
-        position: relative;
-        padding: 10px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        height: 50vh;
-        box-sizing: border-box;
-    }
-}
-#download-form {
-    label {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        white-space: normal;
-        word-wrap: break-word;
-        span {
-            width: 50vh;
-            max-width: 80vw;
-            text-align: center;
-            line-height: 1.5em;
-        }
-    }
-}
-.hovering {
-    background-color: rgba(255, 0, 115, 0.5) !important;
-}
-
-.block {
-    display: block;
-}
-.hidden {
-    display: none;
-}
-.inputfile + label {
-    //border: 2px solid black;
-    //background-color: rgba(50, 50, 50, .10);
-    display: block;
-}
-
-.inputfile:focus + label,
-.inputfile + label:hover {
-    //background-color: rgba(50, 50, 50, 0.30);
-}
-
-#progress {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-
-
-    transition: width 200ms;
-    width: 0%;
-    max-width: 100%;
-    max-height: 100%;
-    background-color: rgba(255, 0, 115, 0.75);
-    z-index: 10000;
-    display: block;
-}
-
-body #uploadStatusContainer {
-    background-color: rgba(255, 255, 255, 0.9);
-    color: black;
-    opacity: 0.9;
-}
+}