From 24e0673caa285928886f842ba23de4feb2093a18 Mon Sep 17 00:00:00 2001 From: Lars van Hijfte Date: Wed, 11 Jan 2017 13:49:54 +0100 Subject: [PATCH] Added extra functions to the header. A text button was added to go directly to the DM's and if you click your profile picture it pups up some links to go to. --- website/js/header.js | 7 +++++++ website/styles/header.css | 23 ++++++++++++++++++++++- website/views/header.php | 18 +++++++++++++----- 3 files changed, 42 insertions(+), 6 deletions(-) create mode 100644 website/js/header.js diff --git a/website/js/header.js b/website/js/header.js new file mode 100644 index 0000000..797c56c --- /dev/null +++ b/website/js/header.js @@ -0,0 +1,7 @@ +$(document).ready(function() { + $("#profile-menu-popup").hide(); + $("#own-profile-picture").click(function() { + $("#profile-menu-popup").toggle(); + $("#profile-hello-popup").toggle(); + }); +}); diff --git a/website/styles/header.css b/website/styles/header.css index 24e6e68..dfbd8a0 100644 --- a/website/styles/header.css +++ b/website/styles/header.css @@ -13,10 +13,12 @@ header { } -#header-logo img { +#header-logo, #header-logo img { height: 80px; vertical-align: middle; + line-height: 80px; + padding-left: 5px; } #header-search { @@ -43,6 +45,12 @@ header div { display: inline-block; } +#open-chat { + font-size: 32px; + line-height: 80px; + margin-right: 50px; +} + .profile-menu { font-size: 21px; } @@ -52,3 +60,16 @@ header div { height: 64px; width: 64px; } + +#own-profile-picture, #profile-menu-popup span { + cursor: pointer; +} + +#profile-menu-popup { + padding: 5px; + + background: white; + color: #666; + + border-radius: 3px; +} diff --git a/website/views/header.php b/website/views/header.php index 1ea868e..6636f09 100644 --- a/website/views/header.php +++ b/website/views/header.php @@ -1,6 +1,6 @@
-
- Hallo +
+ | + | +
- Bart - +
+
+ Hallo +
+ Bart +
+
+