diff options
author | Thomas Steur <tsteur@users.noreply.github.com> | 2016-08-29 04:30:52 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2016-08-29 04:30:52 +0300 |
commit | 0c9c30b731ccbacf47e154b9f7a590af49e3d799 (patch) | |
tree | c5cf2f6437bb2ee7f3675350ee4b0b6acbbae7d3 /plugins/Login/stylesheets | |
parent | bfdf0bed670f247bf9b1d466e3bcf651e98ab634 (diff) |
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
Diffstat (limited to 'plugins/Login/stylesheets')
-rw-r--r-- | plugins/Login/stylesheets/login.less | 134 |
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 ***********************/ |