mgr/dashboard: Remove text from top-right actions

Fixes: https://tracker.ceph.com/issues/24624
Signed-off-by: Ricardo Marques <rimarques@suse.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/auth/logout/logout.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/auth/logout/logout.component.html
index cd6282070998d900b7bcfb572e98ff7f2750f157..a12ff1777d4f0dd0c24f1403afe0f9b50f65b23a 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/auth/logout/logout.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/auth/logout/logout.component.html
@@ -1,6 +1,5 @@
 <a i18n-title
    title="Sign Out"
    (click)="logout()">
-  <i class="fa fa-sign-out"></i>
-  <span i18n>Logout</span>
+  <i class="fa fa-sign-out fa-fw"></i>
 </a>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/dashboard-help/dashboard-help.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/dashboard-help/dashboard-help.component.html
index 0204c7184f5a4a1718db635a10e5fd1ae124bb08..629c62418a0f80a189b66fb19102947c52099c10 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/dashboard-help/dashboard-help.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/dashboard-help/dashboard-help.component.html
@@ -1,13 +1,14 @@
 <div dropdown>
   <a dropdownToggle
      class="dropdown-toggle"
-     data-toggle="dropdown">
+     data-toggle="dropdown"
+     i18n-title
+     title="Help">
     <i class="fa fa-question-circle-o"></i>
-    <span i18n>Help</span>
     <span class="caret"></span>
   </a>
   <ul *dropdownMenu
-      class="dropdown-menu">
+      class="dropdown-menu dropdown-menu-right">
     <li>
       <a i18n
          class="dropdown-item"

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation.module.ts b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation.module.ts
index 40760e9d8f4d30e25fee3966b43d25dffcfca4c6..54bf549d2eeef0df6f5952f7458172b620360ca7 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation.module.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation.module.ts
@@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
-import { BsDropdownModule, CollapseModule, PopoverModule } from 'ngx-bootstrap';
+import { BsDropdownModule, CollapseModule, PopoverModule, TooltipModule } from 'ngx-bootstrap';
 
 import { AppRoutingModule } from '../../app-routing.module';
 import { SharedModule } from '../../shared/shared.module';
@@ -19,6 +19,7 @@ import { TaskManagerComponent } from './task-manager/task-manager.component';
     CollapseModule.forRoot(),
     BsDropdownModule.forRoot(),
     PopoverModule.forRoot(),
+    TooltipModule.forRoot(),
     AppRoutingModule,
     SharedModule,
     RouterModule

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notifications/notifications.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notifications/notifications.component.html
index 28640f8f7c4e405b6f9e53dc5121ff56fd9a7674..2191b00b766fcf84ed7d4989c4bd793a37d61233 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notifications/notifications.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notifications/notifications.component.html
@@ -47,7 +47,8 @@
 <a [popover]="popTemplate"
    placement="bottom"
    container="body"
-   outsideClick="true">
-  <i class="fa fa-bell"></i>
-  <span i18n>Recent Notifications</span>
+   outsideClick="true"
+   i18n-title
+   title="Recent Notifications">
+  <i class="fa fa-bell fa-fw"></i>
 </a>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/task-manager/task-manager.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/task-manager/task-manager.component.html
index e83da3184c5b04470870888d49dfe3e0485c13be..bb08c339e67737c63707c78fe918db72c7a00cff 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/task-manager/task-manager.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/task-manager/task-manager.component.html
@@ -80,9 +80,10 @@
 <a [popover]="popTemplate"
    placement="bottom"
    container="body"
-   outsideClick="true">
-  <i class="fa"
+   outsideClick="true"
+   i18n-title
+   title="Background Tasks">
+  <i class="fa fa-fw"
      [ngClass]="icon"></i>
-  <span i18n>Background-Tasks</span>
   <span *ngIf="executingTasks.length > 0"> ({{ executingTasks.length }})</span>
 </a>

diff --git a/src/pybind/mgr/dashboard/frontend/src/openattic-theme.scss b/src/pybind/mgr/dashboard/frontend/src/openattic-theme.scss
index 767eb5caff7221f21fc931e4cdc80d2aab0aa1d2..562a627cd1cf80e639e066de75455fcee4350e1d 100755 (executable)
--- a/src/pybind/mgr/dashboard/frontend/src/openattic-theme.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/openattic-theme.scss
@@ -299,10 +299,6 @@ ul.task-queue-pagination {
   border-top: 4px solid $oa-color-blue;
   font-size: 1.2em;
 }
-.navbar-openattic i.fa {
-  /** Add space between icon and text */
-  margin-right: 5px;
-}
 .navbar-openattic .navbar-header {
   display: flex;
   float: none;
@@ -335,7 +331,7 @@ ul.task-queue-pagination {
 .navbar-openattic .navbar-nav>li>.oa-navbar>[dropdown]>a {
   color: #ececec;
   line-height: 1;
-  padding: 10px 20px;
+  padding: 10px 17px;
   position: relative;
   display: block;
   text-decoration: none;
@@ -382,7 +378,7 @@ ul.task-queue-pagination {
 }
 .navbar-openattic .navbar-utility a,
 .navbar-openattic .navbar-utility .fa{
-  font-size: 1.0em;
+  font-size: 1.1em;
 }
 .navbar-openattic .navbar-utility>.active>a {
   color: #ececec;