diff options
| author | geireann <geireann.lindfield@gmail.com> | 2021-07-31 15:32:37 -0400 |
|---|---|---|
| committer | geireann <geireann.lindfield@gmail.com> | 2021-07-31 15:32:37 -0400 |
| commit | 41ccf50f2b551edd6827c9fd6296b9ff87a65915 (patch) | |
| tree | ce080de6978c3a91594feb3473bbd5f21097992b /src/client/views/topbar | |
| parent | fcc75a92643f35955a1e0bbe829e96b0e76c8a4e (diff) | |
linking updates and tab updates
Diffstat (limited to 'src/client/views/topbar')
| -rw-r--r-- | src/client/views/topbar/TopBar.scss | 10 | ||||
| -rw-r--r-- | src/client/views/topbar/TopBar.tsx | 2 |
2 files changed, 8 insertions, 4 deletions
diff --git a/src/client/views/topbar/TopBar.scss b/src/client/views/topbar/TopBar.scss index adb968948..ebdf030e7 100644 --- a/src/client/views/topbar/TopBar.scss +++ b/src/client/views/topbar/TopBar.scss @@ -58,8 +58,8 @@ .topbar-dashSelect { border: none; - background-color: transparent; - color: black; + background-color: $dark-gray; + color: $white; font-family: 'Roboto'; font-size: 17; font-weight: 500; @@ -78,6 +78,7 @@ display: flex; justify-content: flex-end; gap: 5px; + margin-right: 5px; } .topbar-left { @@ -89,6 +90,10 @@ width: 450; gap: 5px; + .topBar-icon:hover { + background-color: $logout-red; + } + .topbar-lozenge-user, .topbar-lozenge { height: 23; @@ -99,7 +104,6 @@ padding: 4px; align-self: center; margin-left: 7px; - margin-right: 7px; display: flex; align-items: center; diff --git a/src/client/views/topbar/TopBar.tsx b/src/client/views/topbar/TopBar.tsx index 6e4d4fe15..bd9935333 100644 --- a/src/client/views/topbar/TopBar.tsx +++ b/src/client/views/topbar/TopBar.tsx @@ -29,7 +29,7 @@ export class TopBar extends React.Component { {`${Doc.CurrentUserEmail}`} </div> <div className="topbar-icon" onClick={() => window.location.assign(Utils.prepend("/logout"))}> - {"Logoff"}<FontAwesomeIcon icon="sign-out"></FontAwesomeIcon> + {"Sign out"} </div> </div> <div className="topbar-center" > |