move triangle on desktop and up to the richt position (#1971)

The triangle above the list of notifications needs to point at the bell to communicate the relation between the two.

Co-authored-by: Eduard Heimbuch <eduard.heimbuch@cloudogu.com>
This commit is contained in:
Phil-Ah
2022-03-08 07:56:42 +01:00
committed by GitHub
parent 4d7980124f
commit 1dad31168b
2 changed files with 8 additions and 3 deletions

View File

@@ -0,0 +1,2 @@
- type: fixed
description: Triangle of notifications area points towards bell ([#1971](https://github.com/scm-manager/scm-manager/pull/1971))

View File

@@ -71,14 +71,17 @@ const DropDownMenu = styled.div<DropDownMenuProps>`
top: -7px; // top padding of dropdown-menu + border-spacing
transform-origin: center;
transform: rotate(135deg);
left: 4.6rem;
@media screen and (min-width: ${devices.mobile.width + 1}px) {
@media screen and (max-width: ${devices.mobile.width}px) {
left: 4.6rem;
}
@media screen and (min-width: ${devices.mobile.width + 1}px) and (max-width: ${devices.desktop.width - 1}px) {
left: 1.3rem;
}
@media screen and (min-width: ${devices.desktop.width}px) {
right: 1.3rem;
right: 1.375rem;
}
${props =>