Better UI for Piwik 3, more responsive, faster, lots of other fixes (#10397)

* improved ui and responsiveness

* improve rss widget

* commit changes for ui again, got lost after the last commit

* fix more tests

* restoring files

* fix fonts

* fix more tests

* more test fixes

* fix some system tests

* fix tests

* fix system and ui tests

* fix updater tests

* make a page as loaded once the callback is called

* enable verbose

* more verbose output

* enable phantomjs debug flag

* debug should be a phantomjs option

* trying to fix installation tests

* fixes #10173 to not compile css files as less

* trying to minimize js/css requests to hopefully prevent random ui test fails

* disable verbose mode

* fix updater and installation

* lots of bugfixes and ui tweaks

* fix reset dashboard

* various bugfixes

* fix integration tests

* fix text color

* hoping to fix installation tests this way

* cache css/js resources for an hour, should speed up tests and prevent some random issues

* we need to avoid installing plugins multiple times at the same time when requesting resources

* finally getting the colors right again

* fix most tests, more tests for theme

* use an h2 element for titles for better accessibility

* fix headline color

* use actual theme text color (piwik-black)

* fix small font size was applied on all p elements

* fix tests

* now improving all the datatables

* trying to ignore images for visitor log

* Revert "trying to ignore images for visitor log"

This reverts commit ad1ff7267aae14ad905bef130e956c8593c4fb22.

* fix tests

* fix we had always ignored a max label width

* trying to fix file permissions

* fix more file permissions

* Improved plugins update API (#10028)

* refs #7983 let plugins add or remove fields to websites and better settings api

* * Hide CorePluginsAdmin API methods
* More documentation
* Added some more tests

* improved updates API for plugins

* better error code as duplicate column cannot really happen when not actually renaming a colum

Conflicts:
	core/Updates/3.0.0-b1.php
	plugins/CoreUpdater/Commands/Update/CliUpdateObserver.php

* fix DB field piwik_log_visit.location_provider too small (#10003)

* fixes #9564 fix DB field piwik_log_visit.location_provider too small

* use new plugins updater API

* DB field piwik_log_visit.visit_total_actions too small (#10002)

* fixes #9565 DB field piwik_log_visit.visit_total_actions too small

* change type of some db columns that are too small

* fix tests (#10040)
Conflicts:
	plugins/CoreAdminHome/Menu.php
	plugins/Goals/Menu.php
	plugins/MobileMessaging/Menu.php
	plugins/SitesManager/Menu.php
	plugins/UsersManager/Menu.php
	tests/PHPUnit/System/expected/test_apiGetReportMetadata__API.getWidgetMetadata.xml

* fix more file permissions

* repair more file permissions

* repair more file permissions

* trying to make ui tests work again, the table was missing

* fix some encoding issues

* cross browser fixes and usability improvement

* move back the config icon, need to find a better solution later

* more cross browser fixes

* bugfixes

* fix ui tests

* fix encoding issue

* fix various issues with the ui tests when a test gets aborted

* also skip this visitor log test when aborted

* there were 3 css files that were loaded separately, merge them instead into one css

* forgot to add the actual manifest

* do not add manifest if custom logo is specified

* load font css files first as it was before merging them into big css

* fix link icon was not aligned anymore

* minor fixes

* setting it back to 4px

* in popovers the font variable was always ignored and a different font loaded

* forgot to update screenshots

* fix remaining tests

* this should fix an update error

* added 3 new widgets system check, system summary and plugin updates

* tweak new widgets content

* no page reload when changing date or segment

* in admin home show only enabled widgets

* refs #10295 use getMockBuilder instead of deprecated getMock

* fix some ui tests

* fix various bugs

* fix more tests

* fix ui tests

* add a space between loading image and loading message

* fix docs so they appear on developer.piwik.org

* improved documentation

* introduce new Widget::renderTemplate method for consistency with controllers

* remove no longer needed files

* testing system fonts

* fix strong was not really bold

* more useful system summary

* remove ubuntu font

* fix most tests and removed most em elements

* fix tests

* fix headline was very thin

* update submodule

* update submodules

* update submodule

* fix failing ui tests

* update submodules

1 files changed, 34 insertions, 100 deletions

diff --git a/plugins/Login/stylesheets/login.less b/plugins/Login/stylesheets/login.less
index ae35e24efd..c3acd40afd 100644
--- a/plugins/Login/stylesheets/login.less
+++ b/plugins/Login/stylesheets/login.less
@@ -1,44 +1,22 @@
 /* LOGO
 ***********************/
 #loginPage {
+
     #logo {
-        float: none;
-        margin: 100px auto 0 auto;
-        width: 240px;
-        position: relative;
-    }
-
-    #logo .description {
-        position: absolute;
-        left: -40px !important;
-        top: -30px !important;
-        -webkit-transform: rotate(-6deg);
-        -moz-transform: rotate(-6deg);
-        -ms-transform: rotate(-6deg);
-        -o-transform: rotate(-6deg);
-    }
-
-    #logo .description a {
-        font: 16px/16px 'Patrick Hand';
-        color: #666666;
-        right: auto;
-        text-decoration: none;
-    }
+        padding-top: 5px;
 
-    #logo .description .arrow {
-        background: url(../../Morpheus/images/affix-arrow.png);
-        width: 50px;
-        height: 68px;
-        position: absolute;
-        left: -35px;
+        img.default-piwik-logo {
+            width: 112px;
+        }
+
+        img {
+            max-height: 30px;
+        }
     }
 
-    #logo img {
-        border: 0;
-        vertical-align: bottom;
-        height: auto;
-        width: 240px;
-        margin-right: 20px;
+    .message_container {
+        margin-top: 16px;
+        margin-bottom: 16px;
     }
 
     /* LAYOUT
@@ -52,41 +30,28 @@
         margin-left: 16px;
     }
 
-    .loginSection {
-        background-color: @login-section-background;
-        width: 420px;
-        padding: 30px;
-        margin: 50px auto 0 auto;
-        border-radius: 3px;
-        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2);
-        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, .1);
-        box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2);
-    }
-
-    .loginSection h1 {
-        text-align: center;
-        color: #666;
-        margin: 0 0 30px 0;
-        font-style: normal;
-        font-weight: normal;
-        font-size: 26px;
-        line-height: 1;
-        position: relative;
-    }
-
     /* FORM
     ***********************/
-    .loginSection form {
-        margin: 0 5px;
-        padding: 15px;
-        position: relative;
-    }
 
-    .loginSection form div {
-        margin-bottom: 24px;
+    .loginSection {
+        margin-top: 32px;
+
+        .icon.prefix {
+            font-size: 1.5rem;
+            width: 2.5rem;
+            padding-top: 0.9rem;
+        }
+
+        .input-field {
+            .prefix ~ input {
+                margin-left: 2.5rem;
+                width: 80% !important;
+                overflow: hidden;
+            }
+        }
     }
 
-    .loginSection .submit {
+    .loginSection .btn {
         margin-top: 0;
     }
 
@@ -94,10 +59,12 @@
         border: 0;
     }
 
-    .loginSection fieldset.actions {
+    .loginSection .actions {
         line-height: 35px;
-        width: 315px;
-        margin-top: 10px;
+    }
+
+    #login_form {
+        margin-top: 16px;
     }
 
     #login_form_rememberme {
@@ -106,39 +73,6 @@
 
     /* FIELDS
     ***********************/
-    .loginSection form input[type="text"],
-    .loginSection form input[type="password"] {
-        font-size: 20px;
-        padding: 10px 15px 10px 45px;
-        margin: 0 0 15px 0;
-        width: 100%;
-        border: 1px solid #ccc;
-        border-radius: 5px;
-        color: #555;
-        -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 @theme-color-background-base;
-        -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 @theme-color-background-base;
-        box-shadow: 0 1px 1px #ccc inset, 0 1px 0 @theme-color-background-base;
-    }
-
-    #login_form_password,
-    #reset_form_password,
-    #reset_form_password_bis,
-    #login_form_login,
-    #reset_form_login {
-        background: @theme-color-background-base url(../../Morpheus/images/login-sprite.png) no-repeat;
-        outline: 0;
-    }
-
-    #login_form_password,
-    #reset_form_password,
-    #reset_form_password_bis {
-        background-position: 10px -51px;
-    }
-
-    #login_form_login,
-    #reset_form_login {
-        background-position: 10px 11px;
-    }
 
     /* MESSAGE
     ***********************/