From 75e9b7a4d956347c2d17e1d3527366d106bf642b Mon Sep 17 00:00:00 2001
From: Alex ORLUC <alex.orluc@maarch.org>
Date: Tue, 30 Jun 2020 17:54:42 +0200
Subject: [PATCH] FEAT #14235 TIME 0:10 fix css
---
.../app/menu/menu-shortcut.component.html | 2 +-
.../app/menu/menu-shortcut.component.scss | 22 ++++++++++---------
2 files changed, 13 insertions(+), 11 deletions(-)
diff --git a/src/frontend/app/menu/menu-shortcut.component.html b/src/frontend/app/menu/menu-shortcut.component.html
index 773c5379d06..19fed45a3dd 100755
--- a/src/frontend/app/menu/menu-shortcut.component.html
+++ b/src/frontend/app/menu/menu-shortcut.component.html
@@ -4,7 +4,7 @@
<div class="button-row" style="padding-left: 10px;padding-right: 10px;display: flex;width: 300px;margin-top: -10px;margin-bottom: 10px;">
<ng-container *ngFor="let shortcut of privilegeService.shortcuts">
<span style="flex:1;text-align: left;padding: 5px;" *ngIf="(shortcut.id == 'indexing' && shortcut.groups.length<=1) || (shortcut.id != 'indexing')">
- <button [id]="shortcut.id" style="z-index: 9999;" color="default" mat-fab (click)="gotToMenu(shortcut);" matTooltip="{{shortcut.label}}"
+ <button [id]="shortcut.id" class="followedShortcut" style="z-index: 9999;" color="default" mat-fab (click)="gotToMenu(shortcut);" matTooltip="{{shortcut.label}}"
matTooltipPosition="above">
<mat-icon class="fa {{shortcut.style}}" style="height:auto;font-size:22px;"
matBadge="{{headerService.nbResourcesFollowed}}" matBadgeHidden="{{shortcut.id != 'followed'}}"
diff --git a/src/frontend/app/menu/menu-shortcut.component.scss b/src/frontend/app/menu/menu-shortcut.component.scss
index 7c5476dcd15..39984c0ff49 100755
--- a/src/frontend/app/menu/menu-shortcut.component.scss
+++ b/src/frontend/app/menu/menu-shortcut.component.scss
@@ -25,14 +25,16 @@
height: auto !important;
}
-.mat-badge-content {
- width: auto;
- min-width: 25px;
- min-height: 25px;
- text-align: center;
- align-items: center;
- padding: 2px 2px;
- font-size: 15px;
- top: -7px !important;
- right: -8px !important;
+.followedShortcut {
+ ::ng-deep.mat-badge-content {
+ width: auto;
+ min-width: 25px;
+ min-height: 25px;
+ text-align: center;
+ align-items: center;
+ padding: 2px 2px;
+ font-size: 15px;
+ top: -23px !important;
+ right: -22px !important;
+ }
}
--
GitLab