OK-527 Logout dialog layout optimised
diff --git a/src/app/common-components/main-navigation/main-navigation.component.css b/src/app/common-components/main-navigation/main-navigation.component.css
index 35bbfbf..b356a98 100644
--- a/src/app/common-components/main-navigation/main-navigation.component.css
+++ b/src/app/common-components/main-navigation/main-navigation.component.css
@@ -36,10 +36,19 @@
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus {
- color: #0b325c;
- background: transparent;
+ filter: brightness(95%);
}
.dropdown-menu>li>a {
cursor: pointer;
-}
\ No newline at end of file
+}
+
+.btn-logout {
+ background-color: #ccdbe6;
+ color: #0080c0;
+ border: none;
+}
+
+.btn-logout:hover {
+ filter: brightness(95%);
+}
diff --git a/src/app/common-components/main-navigation/main-navigation.component.html b/src/app/common-components/main-navigation/main-navigation.component.html
index 5238468..f642725 100644
--- a/src/app/common-components/main-navigation/main-navigation.component.html
+++ b/src/app/common-components/main-navigation/main-navigation.component.html
@@ -37,11 +37,11 @@
<span class="glyphicon glyphicon-question-sign"></span>
</a>
</div>
- <div class="nav-overview-user">
- <a class="dropdown-open dropdown-toggle " data-toggle="dropdown" href="#" aria-expanded="true">
+ <div class="dropdown-open nav-user nav-overview-user">
+ <a class="btn btn-logout dropdown-toggle" style="min-width: 160px;" type="button" data-toggle="dropdown" href="#" aria-expanded="true">
{{sessionContext.getAccessTokenDecoded()?.name}}<span class="caret"></span>
</a>
- <ul class="dropdown-menu">
+ <ul class="dropdown-menu" style="left: auto; right: auto;">
<li class="dropdown">
<a (click)="openDialogShiftChange()">Schicht übergeben</a>
</li>
diff --git a/src/styles.css b/src/styles.css
index fffe858..1ac62eb 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -185,25 +185,24 @@
}
.dropdown-open:hover {
-
- background: #b6cbdb;
+ background: #b7cbda;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus {
- color: #0b325c;
- background: #b6cbdb;
+ color: #0080c0;
+ background: #b7cbda;
}
.dropdown-menu{
- top:35px;
- min-width: 128px;
- margin: 2px 20px 0;
- padding: 5px 7px;
-}
+ top:43px;
+ min-width: 160px;
+ background: #e9f0f9;
+}
.dropdown-menu > .dropdown > a:hover {
- background: #f5f8fc;
+ background: #b7cbda;
+ color: #0080c0;
}