From bdf71bc3fbd66e314e4641d43c6b56617503d9b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Thu, 4 Apr 2019 16:41:23 +0200
Subject: [PATCH] feature(header): Issue#106 - add a logout button
---
src/header.pug | 2 +-
src/page-user-panel.pug | 3 +--
src/styles/header.scss | 4 +++-
src/styles/main.scss | 7 ++-----
4 files changed, 7 insertions(+), 9 deletions(-)
diff --git a/src/header.pug b/src/header.pug
index 82bd1620..c89e0d65 100644
--- a/src/header.pug
+++ b/src/header.pug
@@ -22,7 +22,7 @@ details#user-controls
#user-controls__panel
include page-user-panel.pug
-button#login(onclick="document.querySelector('sib-auth').login();") login
+button(role='log in' onclick="document.querySelector('sib-auth').login();") Login
sib-auth
diff --git a/src/page-user-panel.pug b/src/page-user-panel.pug
index d3ee9b8d..b4ad0001 100644
--- a/src/page-user-panel.pug
+++ b/src/page-user-panel.pug
@@ -10,5 +10,4 @@ nav(role="user's functionalities menu")
sib-route(name='')
li
a Admin
- sib-route
- button(role='log out') Log out
+ button(role='log out' onclick="document.querySelector('sib-auth').logout();") Log out
diff --git a/src/styles/header.scss b/src/styles/header.scss
index e8cbccf4..037c33ca 100644
--- a/src/styles/header.scss
+++ b/src/styles/header.scss
@@ -194,7 +194,9 @@ details#user-controls {
button {
color: $color-text-base;
- margin: 1.6rem 1.3rem;
+ padding: 1.6rem 1.3rem;
+ text-align: left;
+ width: 100%;
}
}
}
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 942a91b5..cc969446 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -4,10 +4,8 @@
display: none !important;
}
-*,
-*::after,
-*::before {
- // box-sizing: inherit;
+* {
+ box-sizing: border-box;
}
:root {
@@ -16,7 +14,6 @@
--sib-notifications-theme: #{$color-46-100-50};
body {
- //box-sizing: border-box;
background-color: $color-anti-flash-white;
color: $color-text-base;
font-size: 1.6rem;
--
GitLab