From 73e9effd324aea3682fdfb501fceef34667f0d03 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Fri, 10 Feb 2017 11:21:10 +0100
Subject: [PATCH] Fix the drive button in the homepage and a:hover in dropdown

---
 customize.dist/index.html               |  4 +--
 customize.dist/main.css                 | 47 +++++++++++++++----------
 customize.dist/main.js                  |  3 ++
 customize.dist/src/fragments/index.html |  4 +--
 customize.dist/src/less/cryptpad.less   |  6 ++++
 customize.dist/src/less/dropdown.less   |  3 +-
 customize.dist/src/less/variables.less  |  2 +-
 customize.dist/toolbar.css              | 31 ++++++++--------
 8 files changed, 61 insertions(+), 39 deletions(-)

diff --git a/customize.dist/index.html b/customize.dist/index.html
index 539374e69..ed961515d 100644
--- a/customize.dist/index.html
+++ b/customize.dist/index.html
@@ -82,11 +82,11 @@
             <button class="btn btn-secondary login half first" data-localization="login_login"></button> <button class="btn btn-success register half" data-localization="login_register"></button>
             <p class="separator" data-localization="login_orNoLogin"></p>
             <p id="buttons" class="buttons"></p>
-            <p class="driveLink"><a class="nologin" href="/drive/" data-localization="login_nologin"></a></p>
+            <p class="driveLink"><a class="gotodrive" href="/drive/" data-localization="login_nologin"></a></p>
         </div>
         <div id="loggedIn" class="hidden">
             <p id="loggedInHello"></p>
-            <p><button class="btn btn-primary nologin" data-localization="login_accessDrive"></button></p>
+            <p><button class="btn btn-primary gotodrive" data-localization="login_accessDrive"></button></p>
             <p><button id="loggedInLogOut" class="btn btn-secondary" data-localization="logoutButton"></button></p>
         </div>
     </div>
diff --git a/customize.dist/main.css b/customize.dist/main.css
index 58dc5c174..2601444ac 100644
--- a/customize.dist/main.css
+++ b/customize.dist/main.css
@@ -333,17 +333,17 @@
   height: 100px;
 }
 /* The container <div> - needed to position the dropdown content */
-.dropdown-bar {
+.cp .dropdown-bar {
   position: relative;
   display: inline-block;
 }
-.dropdown-bar .fa {
+.cp .dropdown-bar .fa {
   font-family: FontAwesome;
 }
-.dropdown-bar button .fa-caret-down {
+.cp .dropdown-bar button .fa-caret-down {
   margin-left: 5px;
 }
-.dropdown-bar .dropdown-bar-content {
+.cp .dropdown-bar .dropdown-bar-content {
   display: none;
   position: absolute;
   background-color: #f9f9f9;
@@ -353,13 +353,13 @@
   max-height: 300px;
   overflow-y: auto;
 }
-.dropdown-bar .dropdown-bar-content.left {
+.cp .dropdown-bar .dropdown-bar-content.left {
   right: 0;
 }
-.dropdown-bar .dropdown-bar-content:hover {
+.cp .dropdown-bar .dropdown-bar-content:hover {
   display: block;
 }
-.dropdown-bar .dropdown-bar-content a {
+.cp .dropdown-bar .dropdown-bar-content a {
   color: black !important;
   padding: 5px 16px;
   text-decoration: none;
@@ -372,30 +372,31 @@
   float: none;
   text-align: left;
 }
-.dropdown-bar .dropdown-bar-content a:hover {
+.cp .dropdown-bar .dropdown-bar-content a:hover {
   background-color: #f1f1f1;
+  color: black !important;
 }
-.dropdown-bar .dropdown-bar-content hr {
+.cp .dropdown-bar .dropdown-bar-content hr {
   margin: 5px 0px;
   height: 1px;
   background: #bbb;
 }
-.dropdown-bar .dropdown-bar-content p {
+.cp .dropdown-bar .dropdown-bar-content p {
   min-width: 160px;
   padding: 5px;
   margin: 0;
   white-space: normal;
   text-align: left;
 }
-.dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users {
+.cp .dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users {
   text-align: baseline;
 }
-.dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users .yourself,
-.dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users .anonymous,
-.dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users .viewer {
+.cp .dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users .yourself,
+.cp .dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users .anonymous,
+.cp .dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users .viewer {
   font-style: italic;
 }
-.dropdown-bar .dropdown-bar-content p h2 {
+.cp .dropdown-bar .dropdown-bar-content p h2 {
   font-weight: bold;
   text-align: center;
   background-color: #EEEEEE;
@@ -453,7 +454,7 @@
   color: #41b7d8;
 }
 #cryptpadTopBar .right a:hover {
-  color: #279ebf !important;
+  color: #279ebf;
   text-decoration: underline;
 }
 #cryptpadTopBar .right a:visited {
@@ -472,7 +473,7 @@
   color: #41b7d8;
 }
 .cp footer a:hover {
-  color: #279ebf !important;
+  color: #279ebf;
 }
 .cp footer li:first-child {
   font-size: 1.2em;
@@ -565,7 +566,7 @@ html.cp,
   text-decoration: none;
 }
 .cp a:hover {
-  color: #279ebf !important;
+  color: #279ebf;
 }
 .cp a:visited {
   color: #41b7d8;
@@ -891,6 +892,16 @@ html.cp,
 .cp #main_other #userForm p.buttons .dropdown-bar button .fa {
   float: right;
 }
+.cp #main #userForm p.buttons .dropdown-bar a,
+.cp #main_other #userForm p.buttons .dropdown-bar a {
+  color: black;
+}
+.cp #main #userForm p.buttons .dropdown-bar a:hover,
+.cp #main_other #userForm p.buttons .dropdown-bar a:hover,
+.cp #main #userForm p.buttons .dropdown-bar a :visited,
+.cp #main_other #userForm p.buttons .dropdown-bar a :visited {
+  color: black !important;
+}
 .cp #main #userForm p.separator,
 .cp #main_other #userForm p.separator {
   margin: 5px 0 15px 0;
diff --git a/customize.dist/main.js b/customize.dist/main.js
index 66eaaf75d..e6b388c6c 100644
--- a/customize.dist/main.js
+++ b/customize.dist/main.js
@@ -103,6 +103,9 @@ define([
                 sessionStorage.register = 1;
                 document.location.href = '/user/';
             });
+            $('button.gotodrive').click(function (e) {
+                document.location.href = '/drive/';
+            });
 
             var $passwd = $('#password');
             $passwd.on('keyup', function (e) {
diff --git a/customize.dist/src/fragments/index.html b/customize.dist/src/fragments/index.html
index 9a91722ad..90f6f9d0e 100644
--- a/customize.dist/src/fragments/index.html
+++ b/customize.dist/src/fragments/index.html
@@ -15,11 +15,11 @@
             <button class="btn btn-secondary login half first" data-localization="login_login"></button> <button class="btn btn-success register half" data-localization="login_register"></button>
             <p class="separator" data-localization="login_orNoLogin"></p>
             <p id="buttons" class="buttons"></p>
-            <p class="driveLink"><a class="nologin" href="/drive/" data-localization="login_nologin"></a></p>
+            <p class="driveLink"><a class="gotodrive" href="/drive/" data-localization="login_nologin"></a></p>
         </div>
         <div id="loggedIn" class="hidden">
             <p id="loggedInHello"></p>
-            <p><button class="btn btn-primary nologin" data-localization="login_accessDrive"></button></p>
+            <p><button class="btn btn-primary gotodrive" data-localization="login_accessDrive"></button></p>
             <p><button id="loggedInLogOut" class="btn btn-secondary" data-localization="logoutButton"></button></p>
         </div>
     </div>
diff --git a/customize.dist/src/less/cryptpad.less b/customize.dist/src/less/cryptpad.less
index 5423476b2..da70070b3 100644
--- a/customize.dist/src/less/cryptpad.less
+++ b/customize.dist/src/less/cryptpad.less
@@ -425,6 +425,12 @@ body.html {
                             float: right;
                         }
                     }
+                    a {
+                        color: black;
+                        &:hover, :visited {
+                            color: black !important;
+                        }
+                    }
                     display: block;
                 }
             }
diff --git a/customize.dist/src/less/dropdown.less b/customize.dist/src/less/dropdown.less
index 54e54591b..6ef22f6ee 100644
--- a/customize.dist/src/less/dropdown.less
+++ b/customize.dist/src/less/dropdown.less
@@ -1,6 +1,6 @@
 
 /* The container <div> - needed to position the dropdown content */
-.dropdown-bar {
+.cp .dropdown-bar {
     position: relative;
     display: inline-block;
 
@@ -55,6 +55,7 @@
 
             &:hover {
                 background-color: #f1f1f1;
+                color: black !important;
             }
         }
 
diff --git a/customize.dist/src/less/variables.less b/customize.dist/src/less/variables.less
index 5e8700f0b..20a1d80e1 100644
--- a/customize.dist/src/less/variables.less
+++ b/customize.dist/src/less/variables.less
@@ -27,7 +27,7 @@
 // links
 @cp-link: @cp-light-blue;
 @cp-link-visited: @cp-light-blue;
-@cp-link-hover: darken(@cp-light-blue, 10%) !important;
+@cp-link-hover: darken(@cp-light-blue, 10%);
 
 // alertify things
 
diff --git a/customize.dist/toolbar.css b/customize.dist/toolbar.css
index 71f0f96ea..6e993df9f 100644
--- a/customize.dist/toolbar.css
+++ b/customize.dist/toolbar.css
@@ -1,15 +1,15 @@
 /* The container <div> - needed to position the dropdown content */
-.dropdown-bar {
+.cp .dropdown-bar {
   position: relative;
   display: inline-block;
 }
-.dropdown-bar .fa {
+.cp .dropdown-bar .fa {
   font-family: FontAwesome;
 }
-.dropdown-bar button .fa-caret-down {
+.cp .dropdown-bar button .fa-caret-down {
   margin-left: 5px;
 }
-.dropdown-bar .dropdown-bar-content {
+.cp .dropdown-bar .dropdown-bar-content {
   display: none;
   position: absolute;
   background-color: #f9f9f9;
@@ -19,13 +19,13 @@
   max-height: 300px;
   overflow-y: auto;
 }
-.dropdown-bar .dropdown-bar-content.left {
+.cp .dropdown-bar .dropdown-bar-content.left {
   right: 0;
 }
-.dropdown-bar .dropdown-bar-content:hover {
+.cp .dropdown-bar .dropdown-bar-content:hover {
   display: block;
 }
-.dropdown-bar .dropdown-bar-content a {
+.cp .dropdown-bar .dropdown-bar-content a {
   color: black !important;
   padding: 5px 16px;
   text-decoration: none;
@@ -38,30 +38,31 @@
   float: none;
   text-align: left;
 }
-.dropdown-bar .dropdown-bar-content a:hover {
+.cp .dropdown-bar .dropdown-bar-content a:hover {
   background-color: #f1f1f1;
+  color: black !important;
 }
-.dropdown-bar .dropdown-bar-content hr {
+.cp .dropdown-bar .dropdown-bar-content hr {
   margin: 5px 0px;
   height: 1px;
   background: #bbb;
 }
-.dropdown-bar .dropdown-bar-content p {
+.cp .dropdown-bar .dropdown-bar-content p {
   min-width: 160px;
   padding: 5px;
   margin: 0;
   white-space: normal;
   text-align: left;
 }
-.dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users {
+.cp .dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users {
   text-align: baseline;
 }
-.dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users .yourself,
-.dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users .anonymous,
-.dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users .viewer {
+.cp .dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users .yourself,
+.cp .dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users .anonymous,
+.cp .dropdown-bar .dropdown-bar-content p.cryptpad-dropdown-users .viewer {
   font-style: italic;
 }
-.dropdown-bar .dropdown-bar-content p h2 {
+.cp .dropdown-bar .dropdown-bar-content p h2 {
   font-weight: bold;
   text-align: center;
   background-color: #EEEEEE;